aboutsummaryrefslogtreecommitdiff
path: root/app/src/styles/Navbar.module.css
diff options
context:
space:
mode:
authorParker <contact@pkrm.dev>2024-11-13 22:45:57 -0600
committerParker <contact@pkrm.dev>2024-11-13 22:45:57 -0600
commitdbc53a555e64fdd0b848bf33b4208820b8701509 (patch)
tree9b89e5fc4a3fce4c68114010da6e3bb61b25d027 /app/src/styles/Navbar.module.css
parent9ce608b637f3ade7346afbaf2bdd1dbf0a8767f7 (diff)
Update UI
Diffstat (limited to 'app/src/styles/Navbar.module.css')
-rw-r--r--app/src/styles/Navbar.module.css19
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