From dbc53a555e64fdd0b848bf33b4208820b8701509 Mon Sep 17 00:00:00 2001
From: Parker <contact@pkrm.dev>
Date: Wed, 13 Nov 2024 22:45:57 -0600
Subject: Update UI

---
 app/src/styles/Auth.module.css      | 83 +++++++++++++++++++++++++++++++++++
 app/src/styles/Dashboard.module.css | 50 ++++++++++-----------
 app/src/styles/Login.module.css     | 87 -------------------------------------
 app/src/styles/Navbar.module.css    | 19 +++++---
 4 files changed, 119 insertions(+), 120 deletions(-)
 create mode 100644 app/src/styles/Auth.module.css
 delete mode 100644 app/src/styles/Login.module.css

(limited to 'app/src/styles')

diff --git a/app/src/styles/Auth.module.css b/app/src/styles/Auth.module.css
new file mode 100644
index 0000000..7e1d3e3
--- /dev/null
+++ b/app/src/styles/Auth.module.css
@@ -0,0 +1,83 @@
+body {
+  margin: 0;
+  padding: 0;
+  font-family: Arial, sans-serif;
+  background-color: #2c3338;
+}
+
+.container {
+  font-size: 17px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  text-align: center;
+}
+
+h1 {
+  color: #ccc;
+  font-size: 30px;
+  font-weight: 600;
+  border: 2px solid #606468;
+  padding: 10px;
+  border-radius: 5px;
+  margin: 0 auto;
+}
+
+input {
+  display: block;
+  margin: 10px auto;
+  width: 300px;
+  border-radius: 5px;
+  padding: 15px;
+  color: #ccc;
+  background-color: #3b4148;
+  border: none;
+  font-size: 17px;
+}
+
+button {
+  display: block;
+  margin: 10px auto;
+  width: 100%;
+  border-radius: 5px;
+  padding: 15px;
+  color: #ccc;
+  background-color: #415eac;
+  border: none;
+  font-size: 17px;
+  cursor: pointer;
+  transition: background-color 0.2s ease, transform 0.3s ease;
+}
+
+button:hover {
+  background-color: #2e4781;
+}
+
+button:active {
+  transform: scale(0.95);
+}
+
+.errorVisible {
+  visibility: visible;
+  color: #ee6161;
+}
+
+.errorHidden {
+  visibility: hidden;
+  color: #ee6161;
+}
+
+.footnoteLink {
+  text-decoration: underline;
+  color: #ccc;
+}
+
+.footnoteLink:hover {
+  text-decoration: none;
+  color: #415eac;
+}
+
+.footnote {
+  color: #606468;
+}
\ No newline at end of file
diff --git a/app/src/styles/Dashboard.module.css b/app/src/styles/Dashboard.module.css
index ef6b451..96ed919 100644
--- a/app/src/styles/Dashboard.module.css
+++ b/app/src/styles/Dashboard.module.css
@@ -5,13 +5,6 @@ body {
     background-color: #2c3338;
 }
 
-#mainTable {
-    position: absolute;
-    top: 100px;
-    left: 50%;
-    transform: translateX(-50%);
-}
-
 table {
     margin: 0 auto;
     text-align: center;
@@ -22,40 +15,29 @@ table {
     overflow: hidden;
 }
 
-/* Center all sub tables */
-.logTableRow table {
-    margin: 0 auto;
-}
-
-.logTableRow table {
-    width: 90%;
-}
-
 table th {
     background-color: #415eac;
     border: 2px solid #ccc;
     padding: 10px;
 }
 
-.linkTableRow {
-    border: 2px solid #ccc;
-}
-
 table td {
     padding: 10px;
 }
 
-.linkTableRow td {
-    padding: 20px;
+.mainTable {
+    position: absolute;
+    top: 100px;
+    left: 50%;
+    transform: translateX(-50%);
 }
 
-.logTableRow table td {
-    background-color: #3b4148;
-    padding: 10px;
+.linkTableRow {
+    border: 2px solid #ccc;
 }
 
-.logTableRow table tr {
-    border: 2px solid #ccc;
+.linkTableRow td {
+    padding: 20px;
 }
 
 .linkButton {
@@ -68,6 +50,20 @@ table td {
     border-radius: 5px;
 }
 
+.logTableRow table {
+    margin: 0 auto;
+    width: 90%;
+}
+
+.logTableRow table td {
+    background-color: #3b4148;
+    padding: 10px;
+}
+
+.logTableRow table tr {
+    border: 2px solid #ccc;
+}
+
 .trashBin:hover {
     color: rgb(238, 86, 86);
     cursor: pointer;
diff --git a/app/src/styles/Login.module.css b/app/src/styles/Login.module.css
deleted file mode 100644
index b2bcddf..0000000
--- a/app/src/styles/Login.module.css
+++ /dev/null
@@ -1,87 +0,0 @@
-body {
-  margin: 0;
-  padding: 0;
-  font-family: Arial, sans-serif;
-  background-color: #2c3338;
-}
-
-#container {
-  font-size: 17px;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  text-align: center;
-}
-
-#loginText,
-#signupText {
-  color: #ccc;
-  font-size: 30px;
-  font-weight: 600;
-  border: 2px solid #606468;
-  padding: 10px;
-  border-radius: 5px;
-  margin: 0 auto;
-}
-
-input {
-  display: block;
-  margin: 10px auto;
-  width: 300px;
-  border-radius: 5px;
-  padding: 15px;
-  color: #ccc;
-  background-color: #3b4148;
-  border: none;
-  font-size: 17px;
-}
-
-button {
-  display: block;
-  margin: 10px auto;
-  width: 100%;
-  border-radius: 5px;
-  padding: 15px;
-  color: #ccc;
-  background-color: #415eac;
-  border: none;
-  font-size: 17px;
-  cursor: pointer;
-  transition: background-color 0.2s ease, transform 0.3s ease;
-}
-
-button:hover {
-  background-color: #2e4781;
-}
-
-button:active {
-  transform: scale(0.95);
-}
-
-#error {
-  color: #ee6161;
-}
-
-.link {
-  text-decoration: underline;
-  color: #ccc;
-
-}
-
-.link:hover {
-  text-decoration: none;
-  color: #415eac;
-}
-
-#bottomText {
-  color: #606468;
-}
-
-.visible {
-  visibility: visible;
-}
-
-.hidden {
-  visibility: hidden;
-}
\ No newline at end of file
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
-- 
cgit v1.2.3-70-g09d2