xt/estim_control
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix disabled button style.

Browse Source
This commit is contained in:
Vixalie 2025-03-09 22:13:50 +08:00
parent fcdb24a766
commit de1275e2d8
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components.css
View File

@ -108,11 +108,13 @@
font-size: calc(var(--font-size) * 1.6); font-size: calc(var(--font-size) * 1.6);
} }
&:hover:not(:disabled) { &:hover:not(:disabled) {
--button-surface: color-mix(in oklch, var(--button-text) 8%, transparent); color: var(--button-surface);
background-color: color-mix(in oklch, var(--button-surface) 8%, transparent);
box-shadow: var(--elevation-1-ambient), var(--elevation-1-umbra); box-shadow: var(--elevation-1-ambient), var(--elevation-1-umbra);
} }
&:active:not(:disabled) { &:active:not(:disabled) {
--button-surface: color-mix(in oklch, var(--button-text) 18%, transparent); color: var(--button-surface);
background-color: color-mix(in oklch, var(--button-surface) 18%, transparent);
box-shadow: var(--elevation-0); box-shadow: var(--elevation-0);
} }
&:disabled { &:disabled {
@ -423,6 +425,11 @@
border-radius: 0; border-radius: 0;
background-color: transparent; background-color: transparent;
} }
&.auto_width {
flex: 1 1;
display: inline-block;
width: auto;
}
&:focus { &:focus {
outline: none; outline: none;
} }