From d22749bfb36a1fbb024b4858af3f3c49bec9e731 Mon Sep 17 00:00:00 2001
From: MrMelon54 <github@mrmelon54.com>
Date: Fri, 10 Nov 2023 09:49:24 +0000
Subject: [PATCH] Add status dashboard button

---
 src/app.scss                 | 26 ++++++++++++++++++++++++++
 src/views/GeneralView.svelte |  4 ++++
 src/views/RoutesView.svelte  | 16 +---------------
 3 files changed, 31 insertions(+), 15 deletions(-)

diff --git a/src/app.scss b/src/app.scss
index 3bad92b..7e4e732 100644
--- a/src/app.scss
+++ b/src/app.scss
@@ -65,3 +65,29 @@ code,
 .code-font {
   font-family: 'Fira Code', monospace;
 }
+
+.btn-green,
+.btn-red,
+.btn-blue,
+.btn-yellow {
+  display: inline-block;
+  border: none;
+  box-shadow: none;
+  box-sizing: border-box;
+  color: black;
+  cursor: pointer;
+  font-size: 20px;
+  font-weight: 700;
+  line-height: 24px;
+  height: 50px;
+  padding: 4px 16px;
+  vertical-align: middle;
+
+  &:hover {
+    color: black;
+  }
+}
+
+.btn-green {
+  background-color: #04aa6d;
+}
diff --git a/src/views/GeneralView.svelte b/src/views/GeneralView.svelte
index 6c5f777..f3cd28b 100644
--- a/src/views/GeneralView.svelte
+++ b/src/views/GeneralView.svelte
@@ -1 +1,5 @@
 <div style="padding:8px;background-color:#bb7900;">Warning: This is currently still under development</div>
+
+<div>
+  <a class="btn-green" href="https://uptime-kuma.1f349.com" target="_blank">Status Dashboard</a>
+</div>
diff --git a/src/views/RoutesView.svelte b/src/views/RoutesView.svelte
index 03edd57..ca9fbce 100644
--- a/src/views/RoutesView.svelte
+++ b/src/views/RoutesView.svelte
@@ -140,7 +140,7 @@
   </div>
 
   <div class="footer">
-    <button on:click={() => saveChanges()}>Save Changes</button>
+    <button class="btn-green" on:click={() => saveChanges()}>Save Changes</button>
   </div>
 </div>
 
@@ -186,19 +186,5 @@
     height: 50px;
     background-color: #2c2c2c;
     box-shadow: 0 -4px 8px #0003, 0 -6px 20px #00000030;
-
-    button {
-      background-color: #04aa6d;
-      border: none;
-      box-shadow: none;
-      box-sizing: border-box;
-      color: black;
-      cursor: pointer;
-      font-size: 20px;
-      font-weight: 700;
-      line-height: 24px;
-      height: 50px;
-      padding: 4px 16px;
-    }
   }
 </style>