From f0d7701151c941a536c5439a2a3c3e2d94fac7f4 Mon Sep 17 00:00:00 2001
From: jableader <jacobdunk@gmail.com>
Date: Tue, 21 May 2024 21:19:22 +1000
Subject: [PATCH] Better color on login page

---
 src/components/LoginPage.vue | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/src/components/LoginPage.vue b/src/components/LoginPage.vue
index 03875ae..f73c42b 100644
--- a/src/components/LoginPage.vue
+++ b/src/components/LoginPage.vue
@@ -42,8 +42,34 @@ button {
     display: flex;
     justify-content: center;
     align-items: center;
+
+    /* Add a shadow to make the buttons look like they are floating */
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
 }
 
+/* Some nice flat nuetral shades for the user buttons */
+
+li:nth-child(1) > button {
+    background-color: #3939ff;
+    color: white;
+}
+
+li:nth-child(2) > button {
+    background-color: #156a14;
+    color: white;
+}
+
+li:nth-child(3) > button {
+    background-color: #325293;
+    color: white;
+}
+
+li:nth-child(4) > button {
+    background-color: #9a1f1f;
+    color: white;
+}
+
+
 </style>
 
 <script>