diff --git a/src/app/assets/stickers/dco-sticker.png b/src/app/assets/stickers/dco-sticker.png index ef8158a..bcf17d0 100644 Binary files a/src/app/assets/stickers/dco-sticker.png and b/src/app/assets/stickers/dco-sticker.png differ diff --git a/src/app/components/Navbar/Hamburger/Hamburger.scss b/src/app/components/Navbar/Hamburger/Hamburger.scss index 0053489..aea7863 100644 --- a/src/app/components/Navbar/Hamburger/Hamburger.scss +++ b/src/app/components/Navbar/Hamburger/Hamburger.scss @@ -2,25 +2,30 @@ $hamburger-height: 10px; $hamburger-width: 16px; $line-height: 2px; - position: absolute; - margin-block: $main-padding-mobile-block; - margin-inline: calc($main-padding-mobile-inline/2); - right: 0; background: none; - outline-offset: 3px; border: none; - width: $hamburger-width; - height: $hamburger-height; - padding-inline: 0; - display: flex; - flex-direction: column; - justify-content: space-between; - z-index: 5; + padding-block: $main-padding-mobile-block; + padding-inline: calc($main-padding-mobile-inline/2 - $hamburger-width/2); @media (min-width: $mobile-breakpoint) { - margin-block: $main-padding-tablet-block; - margin-right: calc($main-padding-tablet-inline/2); + padding-block: $main-padding-tablet-block; + padding-right: calc($main-padding-tablet-inline/2 - $hamburger-width/2); + } + + .container { + position: relative; + inset: 0; + width: $hamburger-width; + height: $hamburger-height; + left: 0; + outline-offset: 3px; + border: none; + padding-inline: 0; + display: flex; + flex-direction: column; + justify-content: space-between; + z-index: 5; } .line { diff --git a/src/app/components/Navbar/Hamburger/Hamburger.tsx b/src/app/components/Navbar/Hamburger/Hamburger.tsx index 34607ae..92d5555 100644 --- a/src/app/components/Navbar/Hamburger/Hamburger.tsx +++ b/src/app/components/Navbar/Hamburger/Hamburger.tsx @@ -22,7 +22,9 @@ export default function Hamburger({ aria-label={isHamburgerOpen ? 'Close menu' : 'Open menu'} aria-expanded={isHamburgerOpen} > - +
+ +
); diff --git a/src/app/components/Sticker/Sticker.scss b/src/app/components/Sticker/Sticker.scss index 3d2fe6b..3b5e041 100644 --- a/src/app/components/Sticker/Sticker.scss +++ b/src/app/components/Sticker/Sticker.scss @@ -14,7 +14,6 @@ } &.dco-sticker { - rotate: 35deg; filter: drop-shadow(0px 2.319px 2.473px rgba(0, 0, 0, 0.15)); } diff --git a/src/app/pages/Landing/Landing.tsx b/src/app/pages/Landing/Landing.tsx index b421286..f84d06d 100644 --- a/src/app/pages/Landing/Landing.tsx +++ b/src/app/pages/Landing/Landing.tsx @@ -23,7 +23,6 @@ export default function Landing({ landingRef }: LandingProps) { image={