PostERG/xamxam
1
0
Fork 0
mirror of https://codeberg.org/PostERG/xamxam.git synced 2026-06-25 16:19:19 +02:00
Code Issues Packages Projects Releases Wiki Activity

style: unify form element styles in common.css, redesign focus rings, refactor public search bar, tweak admin section

Browse Source
This commit is contained in:
Pontoporeia
2026-05-08 17:57:39 +02:00
parent 77fd282e29
commit 862ed02136
13 changed files with 355 additions and 376 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
app/public/assets/css/system.css
View File

@@ -32,7 +32,7 @@
.sys-status-section {
background: var(--bg-secondary);
border: 1px solid var(--border-primary);
border-radius: 6px;
border-radius: var(--radius);
padding: var(--space-s) var(--space-m);
margin-bottom: var(--space-m);
}
@@ -46,7 +46,7 @@
background: none;
border: 1px solid var(--border-primary);
color: var(--text-secondary);
border-radius: 3px;
border-radius: var(--radius);
font-size: var(--step--2);
font-family: inherit;
padding: var(--space-3xs) var(--space-2xs);
@@ -80,7 +80,7 @@
.srv-card {
background: var(--bg-primary);
border: 1px solid var(--border-primary);
border-radius: 5px;
border-radius: var(--radius);
padding: var(--space-s) var(--space-m);
}
.srv-card__header {
@@ -138,7 +138,7 @@
.php-item {
background: var(--bg-primary);
border: 1px solid var(--border-primary);
border-radius: 4px;
border-radius: var(--radius);
padding: var(--space-3xs) var(--space-xs);
}
.php-item__key {
@@ -157,14 +157,14 @@
/* ── Disk bar ──────────────────────────────────────────────────────────── */
.disk-bar-wrap {
background: var(--border-primary);
border-radius: 3px;
border-radius: var(--radius);
height: 6px;
margin-top: var(--space-2xs);
overflow: hidden;
}
.disk-bar {
height: 100%;
border-radius: 3px;
border-radius: var(--radius);
width: var(--disk-pct, 0%);
background: var(--disk-color, var(--accent-green));
transition: width .3s;
@@ -198,7 +198,7 @@
rgba(0,0,0,0.03) 6px,
rgba(0,0,0,0.03) 12px
);
border-radius: 4px;
border-radius: var(--radius);
animation: sys-panel-shimmer 1s linear infinite;
background-size: 200% 200%;
}
@@ -220,13 +220,7 @@
color: var(--text-secondary);
}
.log-toolbar select {
background: var(--bg-primary);
border: 1px solid var(--border-primary);
color: var(--text-primary);
border-radius: 4px;
padding: var(--space-3xs) var(--space-xs);
font-size: var(--step--1);
font-family: inherit;
}
.log-toolbar select:focus { outline: 2px solid var(--accent-primary); }
@@ -244,7 +238,7 @@
.log-unavailable {
background: var(--bg-secondary);
border: 1px solid var(--border-primary);
border-radius: 4px;
border-radius: var(--radius);
padding: var(--space-m);
color: var(--text-secondary);
font-size: var(--step--1);
@@ -268,7 +262,7 @@
.log-output {
background: var(--bg-secondary);
border: 1px solid var(--border-primary);
border-radius: 4px;
border-radius: var(--radius);
padding: var(--space-s);
overflow-x: auto;
font-family: ui-monospace, "SFMono-Regular", Consolas, "Courier New", monospace;
@@ -282,7 +276,7 @@
display: block;
white-space: pre;
padding: var(--space-3xs) var(--space-3xs);
border-radius: 2px;
border-radius: var(--radius);
color: var(--text-primary);
}
.log-line + .log-line { border-top: 1px solid var(--border-primary); }
@@ -302,7 +296,7 @@
.log-count-badge {
background: var(--bg-secondary);
border: 1px solid var(--border-primary);
border-radius: 3px;
border-radius: var(--radius);
font-size: var(--step--2);
padding: var(--space-3xs) var(--space-2xs);
color: var(--text-secondary);
@@ -342,7 +336,7 @@
font-weight: 400;
font-family: ui-monospace, monospace;
padding: var(--space-3xs) var(--space-3xs);
border-radius: 3px;
border-radius: var(--radius);
margin-left: var(--space-xs);
vertical-align: middle;
line-height: 1.6;
@@ -364,7 +358,7 @@
font-size: var(--step--2);
font-family: ui-monospace, monospace;
padding: var(--space-3xs) var(--space-2xs);
border-radius: 3px;
border-radius: var(--radius);
margin-left: var(--space-2xs);
vertical-align: middle;
}