M_Viper/uptime-monitor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

style.css aktualisiert

Browse Source
This commit is contained in:
M_Viper
2025-12-06 15:13:59 +00:00
parent 43699a210f
commit c194a99886
1 changed files with 494 additions and 429 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
style.css
View File

@@ -243,7 +243,8 @@ body {
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 10px;
margin-top: 15px;
max-height: 300px;
/* ANGEPASST: Feste Höhe für eigenen Scrollbalk */
height: 300px;
overflow-y: auto;
padding-right: 5px;
}
@@ -353,11 +354,36 @@ body {
.tab-panel { display: none; }
.tab-panel.active { display: block; }
#manage-panel .manage-grid { display: grid; grid-template-columns: 1fr 3.8fr 1fr; gap: 28px; }
#manage-panel .manage-grid { display: grid; grid-template-columns: 1fr 3.5fr 1.2fr; gap: 28px; }
@media (max-width: 1100px) { #manage-panel .manage-grid { grid-template-columns: 1fr; } }
.stats-grid { display: grid; grid-template-columns: 1fr 1.9fr; gap: 28px; }
@media (max-width: 900px) { .stats-grid { grid-template-columns: 1fr; } }
.stats-grid {
display: grid;
grid-template-columns: 1fr 800px;
gap: 28px;
}
@media (max-width: 800px) {
.stats-grid {
grid-template-columns: 1fr;
}
}
/* ANGEPASST: Feste Größe für Chart-Karte */
.stats-chart-card {
display: flex;
flex-direction: column;
padding: 16px;
border-radius: 10px;
background: var(--card-bg);
width: 800px;
height: 500px;
overflow-y: auto;
}
#uptimeChart { width: 100% !important; height: 100% !important; display: block; }
.form-section { display: flex; flex-direction: column; gap: 20px; }
.form-group { margin-bottom: 16px; }
@@ -424,6 +450,45 @@ input, select { width: 100%; padding: 12px 16px; border: 1px solid var(--border-
.btn-save { background: var(--accent-color); color: white; }
.btn-cancel { background: #eee; color: #333; }
/* Stats-Tab: Chart größer */
.stats-chart-card { display: flex; flex-direction: column; padding: 16px; border-radius: 12px; background: var(--card-bg); flex: 2; min-height: 500px; }
#uptimeChart { width: 100% !important; height: 100% !important; display: block; }
/* ============================================= */
/* ABSTAND FÜR WIDGETS IN DER SEITENLEISTE */
/* ============================================= */
/* Fügt einen Abstand zwischen den Widgets in der rechten Seitenleiste hinzu */
.widget-area-right .widget-card + .widget-card {
margin-top: 20px;
}
/* ============================================= */
/* GITEA REPOSITORY WIDGET LINKS */
/* ============================================= */
#gitea-repos-list a {
color: white;
}
/* ============================================= */
/* DISCORD SUPPORT WIDGET BUTTON */
/* ============================================= */
.discord-link {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
padding: 12px 16px;
margin-top: 16px;
background-color: #5865F2;
color: white;
text-decoration: none;
border-radius: 8px;
font-weight: 600;
transition: background-color 0.2s ease;
}
.discord-link:hover {
background-color: #4752C4;
}