diff options
author | Parker <contact@pkrm.dev> | 2024-11-13 22:45:57 -0600 |
---|---|---|
committer | Parker <contact@pkrm.dev> | 2024-11-13 22:45:57 -0600 |
commit | dbc53a555e64fdd0b848bf33b4208820b8701509 (patch) | |
tree | 9b89e5fc4a3fce4c68114010da6e3bb61b25d027 /app/src/styles/Navbar.module.css | |
parent | 9ce608b637f3ade7346afbaf2bdd1dbf0a8767f7 (diff) |
Update UI
Diffstat (limited to 'app/src/styles/Navbar.module.css')
-rw-r--r-- | app/src/styles/Navbar.module.css | 19 |
1 files changed, 13 insertions, 6 deletions
diff --git a/app/src/styles/Navbar.module.css b/app/src/styles/Navbar.module.css index d8c3f72..09ad94c 100644 --- a/app/src/styles/Navbar.module.css +++ b/app/src/styles/Navbar.module.css @@ -1,4 +1,3 @@ -/* Create the navbar and set the colors */ .navbar { display: flex; justify-content: space-between; @@ -7,7 +6,7 @@ padding: 15px; } -.navbarLink { +.link { margin: 0 20px; position: relative; display: inline-block; @@ -17,7 +16,7 @@ font-weight: 600; } -.navbarLink::after { +.link::after { content: ""; position: absolute; bottom: 0; @@ -28,14 +27,22 @@ transition: width 0.3s ease; } -.navbarLink:hover::after { +.link:hover::after { width: 100%; } -.navbarLeft { +.circleUp { + color: rgb(122, 224, 122); +} + +.circleDown { + color: rgb(218, 112, 112); +} + +.left { margin-left: 50px; } -.navbarRight { +.right { margin-right: 50px; }
\ No newline at end of file |