rednakse/3proxyUI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Align panel settings layout

Browse Source
This commit is contained in:
rednakse
2026-04-02 01:46:11 +03:00
parent 0ae46d22d2
commit 1141622f86
1 changed files with 16 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/app.css
View File

@@ -450,17 +450,22 @@ button,
color: var(--muted); color: var(--muted);
} }
.settings-toolbar, .settings-toolbar {
.panel-settings-grid {
display: flex; display: flex;
align-items: end; align-items: end;
gap: 12px; gap: 12px;
flex-wrap: wrap; flex-wrap: wrap;
} }
.panel-settings-grid {
display: grid;
gap: 12px;
grid-template-columns: minmax(0, 2fr) minmax(220px, 1fr) minmax(220px, 1fr);
align-items: end;
}
.panel-settings-wide { .panel-settings-wide {
min-width: 280px; min-width: 0;
flex: 1 1 320px;
} }
.compact-field { .compact-field {
@@ -468,6 +473,11 @@ button,
flex: 0 1 240px; flex: 0 1 240px;
} }
.panel-settings-grid .compact-field {
min-width: 0;
flex: initial;
}
.compact-field span { .compact-field span {
color: var(--muted); color: var(--muted);
font-size: 12px; font-size: 12px;
@@ -714,8 +724,7 @@ pre {
.shell-header, .shell-header,
.table-toolbar, .table-toolbar,
.settings-toolbar, .settings-toolbar {
.panel-settings-grid {
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
} }
@@ -730,6 +739,7 @@ pre {
.page-grid, .page-grid,
.stats-strip, .stats-strip,
.modal-form, .modal-form,
.panel-settings-grid,
.system-fields, .system-fields,
.service-editor-grid { .service-editor-grid {
grid-template-columns: 1fr; grid-template-columns: 1fr;