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

fix(ui): button ring color for non-primary variants (#199)

Browse Source
This commit is contained in:
Menci
2025-06-08 16:40:36 +08:00
committed by GitHub
parent 32f50c6def
commit 7eaf0af575
1 changed files with 3 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/stage-ui/src/components/Button/Button.vue
+3 -4
View File
@@ -29,9 +29,9 @@ const isDisabled = computed(() => props.disabled || props.loading)
// Extract variant styles for better organization
const variantClasses: Record<ButtonVariant, string> = {
primary: 'bg-primary-500 hover:bg-primary-600 dark:bg-primary-400 dark:hover:bg-primary-500 text-white',
secondary: 'bg-neutral-100 hover:bg-neutral-200 dark:bg-neutral-600 dark:hover:bg-neutral-500 text-neutral-900 dark:text-neutral-100',
danger: 'bg-red-500 hover:bg-red-600 dark:bg-red-400 dark:hover:bg-red-500 text-white',
primary: 'bg-primary-500 hover:bg-primary-600 dark:bg-primary-400 dark:hover:bg-primary-500 focus:ring-primary-500/50 dark:focus:ring-primary-400/50 text-white',
secondary: 'bg-neutral-100 hover:bg-neutral-200 dark:bg-neutral-600 dark:hover:bg-neutral-500 focus:ring-neutral-300/50 dark:focus:ring-neutral-600/50 text-neutral-900 dark:text-neutral-100',
danger: 'bg-red-500 hover:bg-red-600 dark:bg-red-400 dark:hover:bg-red-500 focus:ring-red-600/50 dark:focus:ring-red-500/50 text-white',
}
// Extract size styles for better organization
@@ -50,7 +50,6 @@ const baseClasses = computed(() => [
variantClasses[props.variant],
{ 'opacity-50 cursor-not-allowed': isDisabled.value },
'focus:ring-2 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-neutral-900',
'focus:ring-primary-500/50 dark:focus:ring-primary-400/50',
])
</script>