LucasDLTG/dsp-thomann-interface
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: responsive gain section

Browse Source
This commit is contained in:
LucasDLTG
2026-07-28 23:01:30 +02:00
parent 55bffbe350
commit 06710b68d4
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/dsp408/ChannelGroup/ChannelGroup.css
View File

@ -1,5 +1,4 @@
.channel-group { .channel-group {
/* container-type: inline-size; */
position: relative; position: relative;
flex: 1 1 0; flex: 1 1 0;
min-height: 0; min-height: 0;
@ -9,9 +8,9 @@
border: var(--border-width) solid var(--border-hairline); border: var(--border-width) solid var(--border-hairline);
border-radius: var(--radius-md); border-radius: var(--radius-md);
padding: 4cqh var(--space-3) 0; padding: 6cqh var(--space-3) 1cqh;
margin-bottom: var(--space-1); margin-bottom: 1cqh;
margin-top: var(--space-1); margin-top: 1cqh;
box-sizing: border-box; box-sizing: border-box;
overflow: visible; /* in case something upstream set hidden */ overflow: visible; /* in case something upstream set hidden */
} }
@ -25,7 +24,7 @@
padding: 0 var(--space-2); padding: 0 var(--space-2);
font-family: var(--font-ui); font-family: var(--font-ui);
font-size: 2cqh; font-size: 4cqh;
font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold);
color: var(--text-muted); color: var(--text-muted);

1
src/components/dsp408/GainSection/GainSection.css
View File

@ -39,6 +39,7 @@
/* Container */ /* Container */
.gain-section { .gain-section {
container-type: size;
position: absolute; position: absolute;
left: 0; left: 0;
right: 0; right: 0;