nanakura/moeka-project
1
0
Fork 0
Code Issues Pull Requests 1 Actions 2 Packages Projects Releases Wiki Activity

chore(ui): simplify button style, no more ring.

Browse Source
This commit is contained in:
Neko Ayaka
2026-04-27 18:13:32 +08:00
parent d42810e47d
commit 0346aa729e
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/components/misc/button.vue
+7 -7
View File
@@ -49,7 +49,7 @@ const variantClasses: Record<ButtonVariant, Record<ButtonTheme, {
'rounded-lg',
'backdrop-blur-md',
'bg-primary-500/15 hover:bg-primary-500/20 active:bg-primary-500/30 dark:bg-primary-700/30 dark:hover:bg-primary-700/40 dark:active:bg-primary-700/30',
'focus:ring-primary-300/60 dark:focus:ring-primary-600/30',
'focus:ring-none',
'border-2 border-solid border-primary-500/5 dark:border-primary-900/40',
'text-primary-950 dark:text-primary-100',
'focus:ring-2',
@@ -62,7 +62,7 @@ const variantClasses: Record<ButtonVariant, Record<ButtonTheme, {
'rounded-lg',
'backdrop-blur-md',
'bg-neutral-100/55 hover:bg-neutral-400/20 active:bg-neutral-400/30 dark:bg-neutral-700/60 dark:hover:bg-neutral-700/80 dark:active:bg-neutral-700/60',
'focus:ring-neutral-300/30 dark:focus:ring-neutral-600/60 dark:focus:ring-neutral-600/30',
'focus:ring-none',
'border-2 border-solid border-neutral-300/30 dark:border-neutral-700/30',
'text-neutral-950 dark:text-neutral-100',
'focus:ring-2',
@@ -76,7 +76,7 @@ const variantClasses: Record<ButtonVariant, Record<ButtonTheme, {
'backdrop-blur-md',
'hover:bg-neutral-50/50 active:bg-neutral-50/90 hover:dark:bg-neutral-800/50 active:dark:bg-neutral-800/90',
'border-2 border-solid border-neutral-100/60 dark:border-neutral-800/30',
'focus:ring-2 focus:ring-neutral-300/30 dark:focus:ring-neutral-600/60 dark:focus:ring-neutral-600/30',
'focus:ring-none',
],
nonToggled: 'bg-neutral-50/70 dark:bg-neutral-800/70 text-neutral-500 dark:text-neutral-400',
toggled: 'bg-white/90 dark:bg-neutral-500/70 ring-neutral-300/30 dark:ring-neutral-600/60 ring-2 dark:ring-neutral-600/30 text-primary-500 dark:text-primary-100',
@@ -88,7 +88,7 @@ const variantClasses: Record<ButtonVariant, Record<ButtonTheme, {
'rounded-lg',
'backdrop-blur-md',
'bg-red-500/15 hover:bg-red-500/20 active:bg-red-500/30 dark:bg-red-700/30 dark:hover:bg-red-700/40 dark:active:bg-red-700/30',
'focus:ring-2 focus:ring-red-300/30 dark:focus:ring-red-600/60 dark:focus:ring-red-600/30',
'focus:ring-none',
'border-2 border-solid border-red-200/30 dark:border-red-900/30',
'text-red-950 dark:text-red-100',
],
@@ -99,9 +99,9 @@ const variantClasses: Record<ButtonVariant, Record<ButtonTheme, {
default: [
'rounded-lg',
'backdrop-blur-md',
'bg-amber-400/20 hover:bg-amber-400/25 active:bg-amber-400/35 dark:bg-amber-500/20 dark:hover:bg-amber-500/30 dark:active:bg-amber-500/35',
'focus:ring-2 focus:ring-amber-300/40 dark:focus:ring-amber-400/40',
'border-2 border-solid border-amber-300/40 dark:border-amber-500/40',
'bg-amber-400/20 hover:bg-amber-400/25 active:bg-amber-400/35 dark:bg-amber-500/20 dark:hover:bg-amber-500/30 dark:active:bg-amber-500/20',
'focus:ring-none',
'border-2 border-solid border-amber-300/30 dark:border-amber-500/15',
'text-amber-900 dark:text-amber-50',
],
},