diff options
| author | Manurbhav | 2024-04-29 20:08:38 +0530 |
|---|---|---|
| committer | Manurbhav | 2024-04-29 20:08:38 +0530 |
| commit | 5fdc9d3b8d757752743b9a4acba755362c33004f (patch) | |
| tree | e3602eba741c87ed46ad6bcc8325a33a6ff797de | |
| parent | 8aabfff584fc15e2168a513c2d009c6ddf8c7422 (diff) | |
| download | IotJS-Astro-5fdc9d3b8d757752743b9a4acba755362c33004f.tar.gz IotJS-Astro-5fdc9d3b8d757752743b9a4acba755362c33004f.tar.bz2 IotJS-Astro-5fdc9d3b8d757752743b9a4acba755362c33004f.zip | |
Fixes
| -rw-r--r-- | src/components/Header.astro | 3 | ||||
| -rw-r--r-- | src/components/Navbar.astro | 24 |
2 files changed, 16 insertions, 11 deletions
diff --git a/src/components/Header.astro b/src/components/Header.astro index dbf5f5f..0eba94a 100644 --- a/src/components/Header.astro +++ b/src/components/Header.astro @@ -34,7 +34,8 @@ import 'bootstrap/dist/css/bootstrap.css' justify-content: space-around; align-items: center; padding-top: 20vh; - width: 100%; + /* width: 100vw; */ + width: auto; height: 100vh; padding: 1vh;; background-color: rgb(252, 230, 188); diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro index 34619c3..ab6d167 100644 --- a/src/components/Navbar.astro +++ b/src/components/Navbar.astro @@ -46,7 +46,7 @@ const routes : Routes[] = [ .hamburger-navbar{ position: fixed; - right: 0%; + right: 0; display: none; z-index: 1001; } @@ -154,10 +154,11 @@ const routes : Routes[] = [ color: white; } - @media screen and (max-width: 465px){ + @media screen and (max-width: 535px){ nav{ width: 100vh; } + } @media screen and (max-width: 613px) { @@ -172,24 +173,27 @@ const routes : Routes[] = [ @media screen and (max-width: 627px){ .off-screen-menu{ /* top: 17.5vh; */ - top: 15.8vh; + top: 14vh; } } - @media screen and (min-width: 628px) and (max-width: 768px){ + @media screen and (min-width: 628px) and (max-width: 792px){ .off-screen-menu{ - top: 17vh; + top: 17vw; } } - @media screen and (min-width: 767px) and (max-width: 982px){ - nav{ - padding: 1rem; - } + @media screen and (min-width: 792px) and (max-width: 880px){ .active{ - top: 20vh; + top: 16vw; } + } + @media screen and (min-width: 880px) and (max-width: 982px){ nav{ + padding: 1rem; width: 100vw; } + .active{ + top: 19vh; + } } @media screen and (max-width: 982px){ .navbar{ |