buttons better for settings

This commit is contained in:
hyperbel 2023-10-30 01:09:47 +01:00
parent a86c932c52
commit 1cf7e7b6f3
2 changed files with 29 additions and 52 deletions

View File

@ -492,67 +492,44 @@ cursor: pointer;
}
/* Settings */
.settings-control {
width: 10%;
height: 10%;
border-radius: 10px;
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 60%;
border: none;
padding: 10px;
color: white;
font-size: 16px;
}
#save_settings {
position: fixed;
width: 10%;
height: 5%;
background-color: #0f9225;
border-radius: 10px;
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 60%;
border: none;
padding: 10px;
color: white;
font-size: 16px;
bottom: 10%;
top: 90%;
right: 32%;
}
#abort_settings{
position: fixed;
width: 10%;
height: 5%;
#abort_settings {
background-color: #af0a0a;
border-radius: 10px;
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 60%;
border: none;
padding: 10px;
color: white;
font-size: 16px;
bottom: 10%;
top: 90%;
right: 43%;
}
#reset_settings{
position: fixed;
width: 10%;
height: 5%;
#reset_settings {
background-color: #454443;
border-radius: 10px;
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 60%;
border: none;
padding: 10px;
color: white;
font-size: 16px;
bottom: 10%;
top: 90%;
right: 54%;
}
select {
background-color:#454443; ;
}
/* Ende Settings */
/* sidebar */
input[type=radio] {
display: none;
}
@ -629,6 +606,8 @@ article {
background-image: url('/static/icons/settings.png');
}
/* Ende sidebar */
footer {
position: fixed;
bottom: 0;

View File

@ -226,13 +226,11 @@
<p>Administrator: </p>
<p>Anzahl User: </p>
<p>Uptime: </p>
<button id="save_settings">Speichern</button>
<button id="abort_settings">abbrechen</button>
<button id="reset_settings">reset</button>
<button class="settings-control" id="save_settings">Speichern</button>
<button class="settings-control" id="abort_settings">abbrechen</button>
<button class="settings-control" id="reset_settings">reset</button>
</article>
<!-- ... (Dein vorhandener HTML-Code) ... -->
<!-- Hinzugefügter HTML-Code für den ausfahrbaren Kasten -->
<div class="popup" id="popup">
<div class="popup-content">
<span onclick="togglePopup()" class="close-button">Close</span>