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

adjust PulseCard operating style.

Browse Source
This commit is contained in:
Vixalie 2025-03-21 17:23:31 +08:00
parent cc3b762880
commit 0aba9bb15e
1 changed files with 31 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/page-components/pattern-editor/PulseCard.module.css
View File

@ -8,9 +8,6 @@
background-color: var(--color-surface); background-color: var(--color-surface);
border-radius: calc(var(--border-radius) * 2); border-radius: calc(var(--border-radius) * 2);
padding: 0; padding: 0;
&.selected {
background-color: color-mix(in oklch, var(--color-on-surface) 18%, transparent);
}
.order { .order {
padding: calc(var(--spacing) * 2) calc(var(--spacing) * 3); padding: calc(var(--spacing) * 2) calc(var(--spacing) * 3);
background-color: var(--color-secondary-container); background-color: var(--color-secondary-container);
@ -21,5 +18,36 @@
.offset { .offset {
padding: calc(var(--spacing) * 2) calc(var(--spacing) * 3); padding: calc(var(--spacing) * 2) calc(var(--spacing) * 3);
} }
&.selected {
background-color: color-mix(in oklch, var(--color-on-surface) 18%, transparent);
.order {
background-color: color-mix(
in oklch,
var(--color-secondary-container) 88%,
var(--color-white)
);
}
}
&:hover {
background-color: color-mix(in oklch, var(--color-on-surface) 8%, transparent);
box-shadow: var(--elevation-2-ambient), var(--elevation-2-umbra);
.order {
background-color: color-mix(
in oklch,
var(--color-secondary-container) 60%,
var(--color-white)
);
}
}
&:active {
background-color: color-mix(in oklch, var(--color-on-surface) 18%, transparent);
.order {
background-color: color-mix(
in oklch,
var(--color-secondary-container) 68%,
var(--color-white)
);
}
}
} }
} }