matt/flotilla
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

Make the spinner visible on filled buttons (#396)

Browse source 
Co-authored-by: Coracle-Bot <npub1klq6260@nostr.local>
This commit is contained in:
Coracle-Bot 2026-09-02 00:00:57 +00:00 committed by hodlbod
parent 97d4222d35
commit fde4b696f9
1 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/lib/components/spinner.css
View file

@ -8,15 +8,20 @@
animation: spinner-spin 0.7s linear infinite; animation: spinner-spin 0.7s linear infinite;
} }
.button-primary .spinner,
.button-error .spinner {
border-top-color: currentColor;
}
/* sizes share the element with .spinner rather than nesting under it, and only override its /* sizes share the element with .spinner rather than nesting under it, and only override its
dimensions — the shape, colour and animation all come from .spinner, so a size on its own dimensions — the shape, colour and animation all come from .spinner, so a size on its own
renders as a bordered box */ renders as a bordered box */
.spinner-sm { .spinner-sm {
@apply h-4 w-4 border-1; @apply h-4 w-4 border-2;
} }
.spinner-xs { .spinner-xs {
@apply h-3 w-3 border-1; @apply h-3 w-3 border-2;
} }
} }