Extra route + Much more UI

3 files changed, 44 insertions, 4 deletions

diff --git a/app/src/styles/Auth.module.css b/app/src/styles/Auth.module.css
index 7e1d3e3..ad54c5a 100644
--- a/app/src/styles/Auth.module.css
+++ b/app/src/styles/Auth.module.css
@@ -16,7 +16,6 @@ body {
 
 h1 {
   color: #ccc;
-  font-size: 30px;
   font-weight: 600;
   border: 2px solid #606468;
   padding: 10px;
@@ -24,16 +23,16 @@ h1 {
   margin: 0 auto;
 }
 
-input {
+.authInput {
   display: block;
   margin: 10px auto;
   width: 300px;
   border-radius: 5px;
   padding: 15px;
+  font-size: 17px;
   color: #ccc;
   background-color: #3b4148;
   border: none;
-  font-size: 17px;
 }
 
 button {
@@ -42,10 +41,10 @@ button {
   width: 100%;
   border-radius: 5px;
   padding: 15px;
+  font-size: 17px;
   color: #ccc;
   background-color: #415eac;
   border: none;
-  font-size: 17px;
   cursor: pointer;
   transition: background-color 0.2s ease, transform 0.3s ease;
 }
@@ -61,6 +60,7 @@ button:active {
 .errorVisible {
   visibility: visible;
   color: #ee6161;
+  font-weight: 600;
 }
 
 .errorHidden {
diff --git a/app/src/styles/Create.module.css b/app/src/styles/Create.module.css
new file mode 100644
index 0000000..2d21514
--- /dev/null
+++ b/app/src/styles/Create.module.css
@@ -0,0 +1,11 @@
+.createInput {
+  display: block;
+  margin: 10px auto;
+  width: 500px;
+  border-radius: 5px;
+  padding: 15px;
+  color: #ccc;
+  background-color: #3b4148;
+  border: none;
+  font-size: 17px;
+}
\ No newline at end of file
diff --git a/app/src/styles/Dashboard.module.css b/app/src/styles/Dashboard.module.css
index 96ed919..7f332c7 100644
--- a/app/src/styles/Dashboard.module.css
+++ b/app/src/styles/Dashboard.module.css
@@ -5,6 +5,35 @@ body {
     background-color: #2c3338;
 }
 
+.loadingSpinner {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100vh;
+}
+
+.spinner {
+  border: 4px solid #ccc;
+  border-top: 4px solid #415eac;
+  border-radius: 50%;
+  width: 50px;
+  height: 50px;
+  animation: spin 2s linear infinite;
+}
+
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+
+.loadingSpinner p {
+  margin-top: 20px;
+  color: #415eac;
+  font-weight: bold;
+}
+
+
 table {
     margin: 0 auto;
     text-align: center;