web/DialogButtons: move elevated button styling to layout

This commit is contained in:
wukko
2024-07-27 15:03:37 +06:00
parent 778190b2b3
commit 7411f358d2
2 changed files with 17 additions and 19 deletions

View File

@@ -333,6 +333,18 @@
background-color: var(--button-hover);
}
:global(.button.elevated) {
background-color: var(--button-elevated);
}
:global(.button.elevated:active) {
background-color: var(--button-elevated-hover);
}
:global(.button.elevated:not(:focus-visible)) {
box-shadow: none;
}
:global(.button.active) {
color: var(--primary);
background-color: var(--secondary);
@@ -353,6 +365,10 @@
:global(button:hover) {
background-color: var(--button-hover);
}
:global(.button.elevated:hover) {
background-color: var(--button-elevated-hover);
}
:global(.button.active:not(.color):hover) {
background-color: var(--button-active-hover);