fix: step fields styles

This commit is contained in:
2026-08-31 02:41:57 +05:00
parent 2c70c445d5
commit 8eff9a9483
8 changed files with 74 additions and 70 deletions
+3 -11
View File
@@ -14,13 +14,10 @@
</div>
<style>
/* Реф раскладывает контролы горизонтальным рядом ячеек, каждая с
верхней границей-разделителем (≈189px, font-size 16px). */
.controls {
display: grid;
grid-auto-flow: column;
grid-auto-columns: minmax(0, 1fr);
gap: 0 24px;
grid-template-columns: 1.1fr 1fr 1.2fr;
gap: 16px;
}
.controls.compact {
display: grid;
@@ -28,12 +25,7 @@
grid-auto-columns: minmax(0, 1fr);
gap: 0 16px;
}
/* Верхняя граница-разделитель на каждой ячейке контрола. */
.controls > :global(*) {
border-top: 1px solid var(--line);
padding-top: 10px;
min-width: 0;
}
@media (max-width: 800px) {
.controls,
.controls.compact {