Add status dashboard button

This commit is contained in:
Melon 2023-11-10 09:49:24 +00:00
parent 512aab0a22
commit d22749bfb3
Signed by: melon
GPG Key ID: 6C9D970C50D26A25
3 changed files with 31 additions and 15 deletions

View File

@ -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;
}

View File

@ -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>

View File

@ -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>