AegisSight/AegisSight-Monitor
3
0
Fork 0
Code Issues Pull-Requests Actions Pakete Projekte Releases Wiki Aktivität

fix: Credits-Anzeige linksbündig, Balken-Hintergrund sichtbar

Quellcode durchsuchen
Dieser Commit ist enthalten in:
Claude Dev
2026-03-18 00:03:18 +01:00
Ursprung acb3c6a6cb
Commit 97997724de
1 geänderte Dateien mit 28 neuen und 27 gelöschten Zeilen
Patch-Datei herunterladen Vergleichs-Datei herunterladen Alle Dateien ausklappen Alle Dateien einklappen

55
src/static/css/style.css
Datei anzeigen

@@ -235,7 +235,7 @@ a:hover {
.login-container { .login-container {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: flex-start;
min-height: 100vh; min-height: 100vh;
padding: var(--sp-3xl); padding: var(--sp-3xl);
background: var(--bg-primary); background: var(--bg-primary);
@@ -356,7 +356,7 @@ a:hover {
.btn { .btn {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: flex-start;
gap: var(--sp-md); gap: var(--sp-md);
border: none; border: none;
border-radius: var(--radius); border-radius: var(--radius);
@@ -1092,7 +1092,7 @@ a:hover {
border-radius: var(--radius); border-radius: var(--radius);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: flex-start;
font-size: 12px; font-size: 12px;
font-weight: 700; font-weight: 700;
margin-top: 1px; margin-top: 1px;
@@ -1547,7 +1547,7 @@ a:hover {
.vt-cluster-count { .vt-cluster-count {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: flex-start;
min-width: 18px; min-width: 18px;
height: 18px; height: 18px;
padding: 0 5px; padding: 0 5px;
@@ -1720,7 +1720,7 @@ a:hover {
backdrop-filter: blur(4px); backdrop-filter: blur(4px);
z-index: 100; z-index: 100;
align-items: center; align-items: center;
justify-content: center; justify-content: flex-start;
} }
.modal-overlay.active { .modal-overlay.active {
@@ -1857,7 +1857,7 @@ a:hover {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: flex-start;
padding: var(--sp-5xl) var(--sp-4xl); padding: var(--sp-5xl) var(--sp-4xl);
text-align: center; text-align: center;
} }
@@ -1900,7 +1900,7 @@ a:hover {
.loading-overlay { .loading-overlay {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: flex-start;
gap: var(--sp-lg); gap: var(--sp-lg);
padding: var(--sp-3xl); padding: var(--sp-3xl);
color: var(--text-secondary); color: var(--text-secondary);
@@ -1978,7 +1978,7 @@ a:hover {
.progress-label-container { .progress-label-container {
display: flex; display: flex;
justify-content: center; justify-content: flex-start;
align-items: center; align-items: center;
gap: var(--sp-md); gap: var(--sp-md);
position: relative; position: relative;
@@ -2642,7 +2642,7 @@ a:hover {
border-radius: var(--radius); border-radius: var(--radius);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: flex-start;
transition: color 0.2s ease, background 0.2s ease; transition: color 0.2s ease, background 0.2s ease;
position: relative; position: relative;
} }
@@ -2667,7 +2667,7 @@ a:hover {
border-radius: 8px; border-radius: 8px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: flex-start;
line-height: 1; line-height: 1;
pointer-events: none; pointer-events: none;
animation: badgePop 0.3s ease; animation: badgePop 0.3s ease;
@@ -2769,7 +2769,7 @@ a:hover {
border-radius: var(--radius); border-radius: var(--radius);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: flex-start;
font-size: 11px; font-size: 11px;
font-weight: 700; font-weight: 700;
flex-shrink: 0; flex-shrink: 0;
@@ -3421,7 +3421,7 @@ a:hover {
.source-feed-count { .source-feed-count {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: flex-start;
padding: 1px 8px; padding: 1px 8px;
border-radius: 9px; border-radius: 9px;
font-size: 11px; font-size: 11px;
@@ -3932,7 +3932,7 @@ select:focus-visible, textarea:focus-visible,
border-radius: var(--radius); border-radius: var(--radius);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: flex-start;
transition: color 0.2s ease, background 0.2s ease; transition: color 0.2s ease, background 0.2s ease;
width: 36px; width: 36px;
height: 36px; height: 36px;
@@ -4348,7 +4348,7 @@ select:focus-visible, textarea:focus-visible,
.map-empty { .map-empty {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: flex-start;
height: 100%; height: 100%;
color: var(--text-tertiary); color: var(--text-tertiary);
font-size: 13px; font-size: 13px;
@@ -4443,7 +4443,7 @@ a.map-popup-article:hover {
border-radius: 50%; border-radius: 50%;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: flex-start;
} }
.map-cluster span { .map-cluster span {
font-family: var(--font-body); font-family: var(--font-body);
@@ -4539,7 +4539,7 @@ a.map-popup-article:hover {
padding: 0; padding: 0;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: flex-start;
flex-shrink: 0; flex-shrink: 0;
} }
.map-expand-btn:hover { .map-expand-btn:hover {
@@ -4660,7 +4660,7 @@ a.map-popup-article:hover {
z-index: 9999; z-index: 9999;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: flex-start;
box-shadow: 0 4px 16px rgba(0,0,0,0.3); box-shadow: 0 4px 16px rgba(0,0,0,0.3);
transition: transform 0.2s, background 0.2s; transition: transform 0.2s, background 0.2s;
} }
@@ -4727,7 +4727,7 @@ a.map-popup-article:hover {
border-radius: 4px; border-radius: 4px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: flex-start;
} }
.chat-header-btn:hover { .chat-header-btn:hover {
color: var(--text-primary); color: var(--text-primary);
@@ -4819,7 +4819,7 @@ a.map-popup-article:hover {
cursor: pointer; cursor: pointer;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: flex-start;
flex-shrink: 0; flex-shrink: 0;
transition: background 0.15s; transition: background 0.15s;
} }
@@ -4895,7 +4895,7 @@ a.map-popup-article:hover {
.info-icon { .info-icon {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: flex-start;
width: 16px; width: 16px;
height: 16px; height: 16px;
color: var(--text-disabled); color: var(--text-disabled);
@@ -5103,7 +5103,7 @@ a.map-popup-article:hover {
cursor: pointer; cursor: pointer;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: flex-start;
border-radius: var(--radius); border-radius: var(--radius);
transition: color 0.15s, background 0.15s; transition: color 0.15s, background 0.15s;
line-height: 1; line-height: 1;
@@ -5117,7 +5117,7 @@ a.map-popup-article:hover {
.tutorial-bubble-dots { .tutorial-bubble-dots {
display: flex; display: flex;
gap: 5px; gap: 5px;
justify-content: center; justify-content: flex-start;
margin-bottom: var(--sp-lg); margin-bottom: var(--sp-lg);
flex-wrap: wrap; flex-wrap: wrap;
} }
@@ -5294,7 +5294,7 @@ body.tutorial-active .tutorial-cursor {
background: rgba(0,0,0,0.6); background: rgba(0,0,0,0.6);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: flex-start;
backdrop-filter: blur(2px); backdrop-filter: blur(2px);
} }
.tutorial-resume-dialog { .tutorial-resume-dialog {
@@ -5315,7 +5315,7 @@ body.tutorial-active .tutorial-cursor {
.tutorial-resume-actions { .tutorial-resume-actions {
display: flex; display: flex;
gap: 12px; gap: 12px;
justify-content: center; justify-content: flex-start;
} }
.tutorial-resume-actions .tutorial-btn { .tutorial-resume-actions .tutorial-btn {
border: 1px solid var(--accent); border: 1px solid var(--accent);
@@ -5358,8 +5358,9 @@ body.tutorial-active .tutorial-cursor {
.credits-bar-container { .credits-bar-container {
width: 100%; width: 100%;
height: 6px; height: 8px;
background: var(--bg-tertiary); background: rgba(255,255,255,0.08);
border: 1px solid rgba(255,255,255,0.1);
border-radius: 3px; border-radius: 3px;
overflow: hidden; overflow: hidden;
margin-bottom: 4px; margin-bottom: 4px;
@@ -5385,7 +5386,7 @@ body.tutorial-active .tutorial-cursor {
font-size: 12px; font-size: 12px;
color: var(--text-secondary); color: var(--text-secondary);
display: flex; display: flex;
justify-content: center; justify-content: flex-start;
gap: 4px; gap: 4px;
} }