update: more visual consistency

This commit is contained in:
rasmusq
2025-12-19 23:48:23 +01:00
parent 8f574380ce
commit b3f123388f
5 changed files with 10 additions and 13 deletions

View File

@@ -30,14 +30,14 @@
lg: 'rounded-lg'
};
const baseClasses = 'flex items-center justify-center border border-input transition-colors';
const baseClasses = 'flex items-center justify-center border border-input transition-colors backdrop-blur';
const sizeClass = sizeClasses[size];
const roundedClass = roundedClasses[rounded];
</script>
<button
type="button"
class="{baseClasses} {sizeClass} {roundedClass} {className}"
class="{baseClasses} {sizeClass} {roundedClass} {className} backdrop-blur-sm"
class:hover:bg-accent={!color}
style={color ? `--hover-bg: ${color}20;` : ''}
{...restProps}