Grigo/Button
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

minor fixess

Browse Source
This commit is contained in:
grigo
2026-07-13 06:04:04 +03:00
parent e9e2cbbfec
commit ff2b8a250e
34 changed files with 712 additions and 282 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webconfig/static/style.css
+44 -17
View File
@@ -104,6 +104,18 @@ main {
.row { display: flex; gap: 12px; flex-wrap: wrap; align-items: flex-end; }
label { display: flex; flex-direction: column; gap: 5px; font-size: 0.88em; color: var(--muted); }
label.check { flex-direction: row; align-items: center; gap: 8px; color: var(--text); }
label.label-range { gap: 6px; }
.label-caption {
display: block;
font-size: 0.88em;
color: var(--muted);
line-height: 1.3;
white-space: nowrap;
}
.label-caption > span {
color: var(--text);
font-weight: 600;
}
input[type="text"], input[type="number"], input[type="password"], select {
background: var(--bg-input);
@@ -206,27 +218,41 @@ button.icon-only { padding: 6px 9px; line-height: 1; }
.appearance-bg.mode-image .bg-image-row { display: flex; }
.feedback-panel {
display: flex;
flex-direction: column;
gap: 12px;
}
.feedback-section {
background: var(--bg-input);
border: 1px solid var(--border);
border-radius: 8px;
padding: 14px 16px;
}
.feedback-section-title {
margin: 0 0 12px;
font-size: 0.9rem;
font-weight: 600;
color: var(--text);
}
.feedback-section-grid {
display: grid;
grid-template-columns: 1fr auto;
gap: 24px;
align-items: start;
}
.feedback-form { grid-template-columns: repeat(2, minmax(180px, 1fr)); }
.feedback-form .span-2 { grid-column: 1 / -1; }
.feedback-preview .preview-label {
font-size: 0.88em;
color: var(--muted);
margin-bottom: 8px;
}
.feedback-preview .preview-row {
flex-direction: column;
gap: 20px;
align-items: center;
margin-top: 0;
gap: 16px;
}
.feedback-section-form {
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
margin: 0;
}
.feedback-section-preview {
display: flex;
align-items: center;
justify-content: center;
min-width: 88px;
}
/* ---------- Feedback preview ---------- */
.preview-row { display: flex; gap: 24px; margin-top: 16px; }
.preview-row { display: flex; gap: 24px; margin-top: 16px; flex-wrap: wrap; }
.preview-dot {
width: 72px; height: 72px; border-radius: 50%;
display: flex; align-items: center; justify-content: center;
@@ -285,8 +311,9 @@ button.icon-only { padding: 6px 9px; line-height: 1; }
@media (max-width: 720px) {
.update-layout { grid-template-columns: 1fr; }
.version-sidebar { position: static; }
.feedback-panel { grid-template-columns: 1fr; }
.feedback-form { grid-template-columns: 1fr; }
.feedback-section-grid { grid-template-columns: 1fr; }
.feedback-section-preview { min-width: 0; padding-top: 4px; }
.feedback-section-form { grid-template-columns: 1fr; }
}
.kv { display: flex; flex-direction: column; gap: 8px; }