diff options
| author | Andrew Lee <alee14498@protonmail.com> | 2024-01-03 01:59:18 -0500 |
|---|---|---|
| committer | Andrew Lee <alee14498@protonmail.com> | 2024-01-03 01:59:18 -0500 |
| commit | a7c21128a440eebad4337e90baa95a16afb41a70 (patch) | |
| tree | 015fa148ceb7a22f22c56b6df9130a9c409bcbfb /src/components | |
| parent | dd7a71191a9e887624b2c537a00d8f30bab39337 (diff) | |
| download | personal-website-a7c21128a440eebad4337e90baa95a16afb41a70.tar.gz personal-website-a7c21128a440eebad4337e90baa95a16afb41a70.tar.bz2 personal-website-a7c21128a440eebad4337e90baa95a16afb41a70.zip | |
More padding; Moved styles to their own folder
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/Navbar.astro | 6 | ||||
| -rw-r--r-- | src/components/Navbar.css | 34 |
2 files changed, 5 insertions, 35 deletions
diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro index a838438..66433b8 100644 --- a/src/components/Navbar.astro +++ b/src/components/Navbar.astro @@ -1,9 +1,13 @@ --- -import "./Navbar.css" +import "../styles/Navbar.css" --- <nav> <ul class="nav-list"> <li class="nav-links"><a href="/" class="nav-link">Home</a></li> <li class="nav-links"><a href="#" class="nav-link">Projects</a></li> + <li class="nav-links"><a href="#" class="nav-link">Downloads</a></li> + <li class="nav-links"><a href="#" class="nav-link">Blog</a></li> + <li class="nav-links"><a href="#" class="nav-link">Guestbook</a></li> + <li class="nav-links"><a href="#" class="nav-link">Contacts</a></li> </ul> </nav> diff --git a/src/components/Navbar.css b/src/components/Navbar.css deleted file mode 100644 index 7b1a334..0000000 --- a/src/components/Navbar.css +++ /dev/null @@ -1,34 +0,0 @@ -nav { - font-weight: 300; - padding-top: 20px; - padding-bottom: 30px; -} -ul.nav-list { - list-style-type: none; - margin: 0; - padding: 0; - display: flex; - flex-direction: row; - justify-content: center; -} - -li.nav-links { - margin: 0 1rem; -} - - -a.nav-link { - font-size: 1.2rem; - text-decoration: none; - color: #FFFFFF; -} - -a.nav-link:hover { - font-weight: 500; - color: #9ECD9D; - transition: ease-in-out 0.1s; -} - -a.nav-link:active { - color: #609460; -} |
