diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte index 77270dc..e75f0ec 100644 --- a/src/lib/components/Header.svelte +++ b/src/lib/components/Header.svelte @@ -107,8 +107,20 @@ nav[hidden]{ height: 3.5rem; margin-left: 1rem; } +.wrapper{ + display:flex; + flex-direction: column; + min-height: 100svh; +} +footer{ + padding-block: 1rem; + text-align: center; + margin-top: auto; +} + @media screen and (max-width: 800px) { .button_wrapper{ + box-shadow: 0 1em 1rem 0rem rgba(0,0,0,0.4); display: flex; justify-content: space-between; align-items: center; @@ -137,7 +149,7 @@ nav[hidden]{ fill: var(--red); scale: 0.9; } - nav{ + .nav_site{ position: fixed; top: 0; right: 0; @@ -152,16 +164,16 @@ nav[hidden]{ justify-content: space-between!important; padding-inline: 0.5rem; } - :global(nav ul){ + :global(.nav_site ul){ width: 100% ; } - nav :first-child{ + .nav_site :first-child{ display:none; } - nav[hidden]{ + .nav_site[hidden]{ transform: translateX(100%); } - nav a:last-child{ + :global(.nav_site a:last-child){ margin-bottom: 2rem; } @@ -180,16 +192,6 @@ nav[hidden]{ transform: unset; } } -.wrapper{ - display:flex; - flex-direction: column; - min-height: 100svh; -} -footer{ -padding-block: 1rem; -text-align: center; -margin-top: auto; -}