diff options
| author | LynithDev <61880709+LynithDev@users.noreply.github.com> | 2023-12-30 11:37:33 +0100 |
|---|---|---|
| committer | LynithDev <61880709+LynithDev@users.noreply.github.com> | 2023-12-30 11:37:33 +0100 |
| commit | d568fe0235de920f2b97f70777bab94c114d5654 (patch) | |
| tree | f9b42bd3138d8f9e08320f7d62253dff388a2a56 /apps/website/src/components/base/navbar | |
| parent | 17d8ba3e604a73a2e60e7490ba9a1c3e146e0cf3 (diff) | |
| download | Nexus-d568fe0235de920f2b97f70777bab94c114d5654.tar.gz Nexus-d568fe0235de920f2b97f70777bab94c114d5654.tar.bz2 Nexus-d568fe0235de920f2b97f70777bab94c114d5654.zip | |
Responsive tweaks
Diffstat (limited to 'apps/website/src/components/base/navbar')
| -rw-r--r-- | apps/website/src/components/base/navbar/Navbar.astro | 2 | ||||
| -rw-r--r-- | apps/website/src/components/base/navbar/NavbarElement.astro | 6 |
2 files changed, 4 insertions, 4 deletions
diff --git a/apps/website/src/components/base/navbar/Navbar.astro b/apps/website/src/components/base/navbar/Navbar.astro index aa31245..944d88d 100644 --- a/apps/website/src/components/base/navbar/Navbar.astro +++ b/apps/website/src/components/base/navbar/Navbar.astro @@ -6,7 +6,7 @@ import NavbarElement from '../navbar/NavbarElement.astro'; --- <div class="absolute w-full flex flex-row justify-center h-screen max-h-[110px] px-3 z-navbar text-[16px]"> <nav class="w-full max-w-[1080px] flex flex-col md:flex-row justify-between items-center"> - <ul class="flex flex-row justify-start gap-4 max-sm:mt-4"> + <ul class="flex flex-row justify-start gap-4 max-md:mt-4"> {(config as Config).navbar.left.map((element, index) => ( <NavbarElement {element} {index}/> ))} diff --git a/apps/website/src/components/base/navbar/NavbarElement.astro b/apps/website/src/components/base/navbar/NavbarElement.astro index 0fe544b..3033bf1 100644 --- a/apps/website/src/components/base/navbar/NavbarElement.astro +++ b/apps/website/src/components/base/navbar/NavbarElement.astro @@ -81,10 +81,10 @@ function isCurrentPage(url: string): boolean { <div class="flex flex-col justify-start items-start"> <div class="flex flex-row gap-2"> - <Header size="sm" class="text-gray-800">{item.name}</Header> - {item.tag && <Tag>{item.tag}</Tag>} + <Header inheritSize size="md" class="text-gray-800 text-md md:text-sm font-medium">{item.name}</Header> + {item.tag && <Tag class="text-sm md:text-xxs">{item.tag}</Tag>} </div> - <p class="text-sm text-gray-400 font-light">{item.description}</p> + <p class="text-md md:text-sm text-gray-400 font-light">{item.description}</p> </div> </div> </a> |