feat: finalize input section

This commit is contained in:
2026-09-13 14:25:00 +02:00
parent 1792910ca1
commit 8e9a59d026
4 changed files with 69 additions and 19 deletions
@@ -16,6 +16,7 @@
}
.input-graph-panel {
position: relative;
flex: 1 1 auto;
min-width: 0;
min-height: 0;
@@ -27,6 +28,27 @@
border-radius: var(--radius-md);
}
.input-bypass-overlay {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
z-index: 2;
}
.input-bypass-overlay span {
font-size: 8cqh;
font-weight: 800;
letter-spacing: 0.15em;
color: #f87171;
text-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
transform: rotate(-8deg);
opacity: 0.85;
user-select: none;
}
.input-graph__title {
flex: 0 0 auto;
@@ -86,7 +108,7 @@
/* Peq Sliders */
.input-panel {
position: relative;
height: 10;
height: 100%;
aspect-ratio: 0.8;
flex: 0 0 auto;
@@ -200,11 +222,20 @@
}
.crossover-panel__select {
flex: 0 0 auto;
width: 85%;
font-family: var(--font-ui);
font-size: 4cqh;
}
.crossover-panel__select .choice-select__input {
.crossover-panel__select .choice-select__input,
.crossover-panel__select .choice-select__input option {
height: 100%;
padding: 0;
padding-left: 2cqh;
font-size: 4cqh;
color: var(--accent-brand);
border-radius: var(--radius-sm);
}
.peq-band-list {
@@ -223,17 +254,16 @@
padding: 1cqh;
overflow: hidden;
aspect-ratio: 2;
}
.peq-band-list__row {
flex: 1 1 0;
flex: 1 1 auto;
min-height: 0;
min-width: 0;
display: grid;
grid-template-columns: 1fr 1.2fr 1fr 1fr 1.6fr 1.2fr;
grid-template-columns: 0.4fr 0.55fr 0.4fr 0.5fr 1.2fr 0.5fr;
align-items: stretch;
gap: 1cqh;
@@ -347,7 +377,7 @@
}
.input-graph-view-toggle__btn.active {
background: var(--accent, #4dd0e1);
background: var(--accent-brand);
color: var(--bg-void);
}
@@ -361,4 +391,9 @@
color: var(--accent-brand);
background: transparent;
text-align: center;
text-align-last: center;
padding: 0;
margin: 0;
}