Webstar/LibrePortal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: Webstar:c9a6847e48a2fc8542d696e509e953d97bf5557b
Branches Tags
Webstar:main
Webstar:claude/2
Webstar:v0.1.0
...
compare: Webstar:4e17346dfbbf218f097f6c7f648b283b6aa34cc6
Branches Tags
Webstar:main
Webstar:claude/2
Webstar:v0.1.0

2 Commits
c9a6847e48 ... 4e17346dfb

Author SHA1 Message Date
librelad
4e17346dfb Merge claude/2 2026-06-18 15:45:58 +01:00
librelad
0fbbde1000 style(app-config): wrap each config field in a translucent card 
App-config fields rendered as a loose vertical stack with no grouping. Give
each .app-config .form-field the .admin-card glass recipe (var(--card-bg) fill,
faint rgba(text,0.10) hairline border, 12px radius, 16px padding) so each
option reads as a discrete container. Spacing now comes from the .panel-fields
flex gap, so the per-field margin-bottom is dropped to avoid doubling.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Signed-off-by: librelad <librelad@digitalangels.vip>
 2026-06-18 15:45:57 +01:00
1 changed files with 9 additions and 1 deletions
Show Stats Expand all files Collapse all files

10
containers/libreportal/frontend/core/forms/css/forms.css
View File

@ -519,8 +519,16 @@ select.form-control:focus {
margin-bottom: 0;
}
/* Each config field sits in its own light, translucent card — same glass
recipe as .admin-card (var(--card-bg) fill + faint hairline border + 12px
radius) — so options read as discrete grouped controls rather than a loose
stack. The .panel-fields flex gap (16px) handles spacing between cards. */
.app-config .form-field {
margin-bottom: 16px;
margin-bottom: 0;
padding: 16px;
border: 1px solid rgba(var(--text-rgb), 0.10);
border-radius: 12px;
background: var(--card-bg);
}
.app-config .form-label {