jae/jaeswift-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: widen admin sections, fix topbar overlap, full-width settings/apikeys/lists

Browse source
This commit is contained in:
jae 2026-04-01 01:22:29 +00:00
parent ccbd59fcd4
commit ad2a47df19
1 changed files with 17 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
css/admin.css
View file

@ -174,6 +174,8 @@ body {
grid-column: 2; grid-column: 2;
grid-row: 2; grid-row: 2;
padding: 2rem; padding: 2rem;
width: 100%;
min-width: 0;
overflow-y: auto; overflow-y: auto;
max-height: calc(100vh - var(--topbar-h)); max-height: calc(100vh - var(--topbar-h));
background: var(--bg); background: var(--bg);
@ -181,7 +183,8 @@ body {
/* ─── Top Bar ─── */ /* ─── Top Bar ─── */
.admin-topbar { .admin-topbar {
grid-column: 1 / -1; grid-column: 2;
grid-row: 1;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
@ -372,6 +375,7 @@ body {
} }
.admin-section { .admin-section {
width: 100%;
max-width: 1200px; max-width: 1200px;
} }
@ -1578,7 +1582,7 @@ body {
.backup-card.highlight { .backup-card.highlight {
grid-column: 1 / -1; grid-column: 1 / -1;
max-width: 420px; max-width: 800px;
border-color: var(--accent); border-color: var(--accent);
background: rgba(0, 255, 200, 0.03); background: rgba(0, 255, 200, 0.03);
box-shadow: 0 0 15px rgba(0,255,200,0.06); box-shadow: 0 0 15px rgba(0,255,200,0.06);
@ -2293,15 +2297,18 @@ body {
/* ─── SETTINGS ─── */ /* ─── SETTINGS ─── */
.settings-grid { .settings-grid {
display: grid; display: flex;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); flex-direction: column;
gap: 1rem; gap: 0.75rem;
width: 100%;
max-width: 800px;
} }
.setting-item { .setting-item {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding: 0.8rem 1rem; width: 100%;
padding: 1rem 1.25rem;
background: rgba(0,0,0,0.2); background: rgba(0,0,0,0.2);
border: 1px solid rgba(0,255,200,0.06); border: 1px solid rgba(0,255,200,0.06);
border-radius: 6px; border-radius: 6px;
@ -2357,6 +2364,8 @@ body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 0.4rem; gap: 0.4rem;
width: 100%;
max-width: 800px;
margin-top: 0.8rem; margin-top: 0.8rem;
} }
.services-manage-list > div, .services-manage-list > div,
@ -2374,6 +2383,8 @@ body {
/* ─── API KEYS ─── */ /* ─── API KEYS ─── */
.apikey-group { .apikey-group {
width: 100%;
max-width: 800px;
background: rgba(0,0,0,0.2); background: rgba(0,0,0,0.2);
border: 1px solid rgba(0,255,200,0.08); border: 1px solid rgba(0,255,200,0.08);
border-radius: 8px; border-radius: 8px;