Unify admin setting switch layout
This commit is contained in:
+11
-4
@@ -152,6 +152,9 @@ label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; }
|
||||
.switch { display: flex; align-items: center; gap: 8px; }
|
||||
.switch input { width: auto; }
|
||||
.setting-switch {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
justify-content: space-between;
|
||||
flex-direction: row-reverse;
|
||||
border: 1px solid var(--line);
|
||||
@@ -336,21 +339,25 @@ label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; }
|
||||
.telegram-settings input {
|
||||
width: 100%;
|
||||
}
|
||||
.telegram-top-row {
|
||||
.settings-top-row {
|
||||
grid-column: 1 / -1;
|
||||
display: grid;
|
||||
grid-template-columns: minmax(140px, .8fr) minmax(160px, 1fr);
|
||||
grid-template-columns: minmax(150px, .78fr) minmax(170px, 1fr);
|
||||
gap: 10px;
|
||||
align-items: end;
|
||||
}
|
||||
.telegram-top-row .setting-switch {
|
||||
.settings-top-row .setting-switch {
|
||||
min-height: 39px;
|
||||
padding: 8px 10px;
|
||||
}
|
||||
.telegram-top-row label:not(.setting-switch) {
|
||||
.settings-top-row label:not(.setting-switch) {
|
||||
display: grid;
|
||||
gap: 6px;
|
||||
}
|
||||
.settings-top-row select,
|
||||
.settings-top-row input:not([type="checkbox"]) {
|
||||
width: 100%;
|
||||
}
|
||||
.settings-actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
Reference in New Issue
Block a user