From d6a660313c79d27536ccbc8d9dacbaecd31f582e Mon Sep 17 00:00:00 2001 From: afn <47723802+afnzmn@users.noreply.github.com> Date: Mon, 31 Oct 2022 22:24:51 -0400 Subject: [PATCH] feat: separate navbar into two --- src/lib/components/atoms/NavButton.svelte | 4 +- src/lib/components/molecules/NavHost.svelte | 54 ++++++++++----------- static/icons/contrib.svg | 2 + static/icons/settings.svg | 1 + 4 files changed, 33 insertions(+), 28 deletions(-) create mode 100644 static/icons/contrib.svg create mode 100644 static/icons/settings.svg diff --git a/src/lib/components/atoms/NavButton.svelte b/src/lib/components/atoms/NavButton.svelte index 3530d70..f24a44d 100644 --- a/src/lib/components/atoms/NavButton.svelte +++ b/src/lib/components/atoms/NavButton.svelte @@ -15,7 +15,6 @@ border: var(--grey-six); text-align: center; list-style: none; - display: inline-block; position: relative; font-weight: 500; font-size: 0.9rem; @@ -25,6 +24,9 @@ transition-duration: 0.25s; padding: 10px 25px; border-radius: 200px; + display: flex; + align-items: center; + justify-content: center; } a { diff --git a/src/lib/components/molecules/NavHost.svelte b/src/lib/components/molecules/NavHost.svelte index bddf13d..1023266 100644 --- a/src/lib/components/molecules/NavHost.svelte +++ b/src/lib/components/molecules/NavHost.svelte @@ -2,6 +2,7 @@ import Navigation from '../atoms/NavButton.svelte'; import { onMount } from 'svelte'; import { page } from '$app/stores'; + import Button from '../atoms/Button.svelte'; let menuBtn: HTMLElement; let menuOpen = false; @@ -19,21 +20,26 @@