mirror of
https://github.com/ruisaraiva19/favycon.git
synced 2026-09-12 19:51:07 +05:00
3ad6bcd128
* improvement(styles): update hovers and backgrounds * feat(about-us): add project link and contact email * chore(colors): update colors * chore(storybook): add Chromatic * chore: update repo info * chore(deps): upgrade dependencies * refactor: update colors and repo info * chore: remove chromatic * refactor(deps): upgrade react-dropzone to v11 * feat: update app icon * chore: update background image * chore: dark mode favicon
37 lines
547 B
SCSS
37 lines
547 B
SCSS
@import '../../styles/variables.scss';
|
|
|
|
.root {
|
|
padding: 0;
|
|
}
|
|
|
|
.container {
|
|
height: 68px;
|
|
padding: 20px 20px 0 20px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.header {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
height: 100%;
|
|
}
|
|
|
|
.item {
|
|
background: $off-white;
|
|
border-radius: 16px;
|
|
box-shadow: 0 0 10px rgba($off-white, 0.5);
|
|
transition: all 0.2s ease;
|
|
|
|
a {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
}
|
|
|
|
:global(.dark-mode) .item {
|
|
background: $darker-black;
|
|
box-shadow: 0 0 10px rgba($darker-black, 0.5);
|
|
}
|