fix(ui,stage-ui): missing default select slot, and bad color, and skeleton color

Co-authored-by: LemonNeko <self@lemonneko.moe>
This commit is contained in:
Neko Ayaka
2025-07-08 17:50:23 +08:00
co-authored by LemonNeko
parent a48eedb87b
commit 017f009d65
3 changed files with 5 additions and 3 deletions
@@ -49,7 +49,7 @@ const variantClasses: Record<ButtonVariant, {
default: 'bg-neutral-50 hover:bg-neutral-200 active:bg-neutral-300 dark:bg-neutral-600/40 dark:hover:bg-neutral-600/60 dark:active:bg-neutral-600/40 focus:ring-neutral-300/60 dark:focus:ring-neutral-600/30 border-2 border-solid border-neutral-300/50 dark:border-neutral-600/50 text-neutral-950 dark:text-neutral-100',
},
danger: {
default: 'bg-red-100 hover:bg-red-400 active:bg-red-500 dark:bg-red-900/40 dark:hover:bg-red-900/60 dark:active:bg-red-900/40 focus:ring-red-300/30 dark:focus:ring-red-600/60 dark:focus:ring-red-600/30 border-2 border-solid border-red-200/30 dark:border-red-900/30 text-red-950 dark:text-red-100',
default: 'bg-red-100 hover:bg-red-200 active:bg-red-300 dark:bg-red-900/40 dark:hover:bg-red-900/60 dark:active:bg-red-900/40 focus:ring-red-300/30 dark:focus:ring-red-600/60 dark:focus:ring-red-600/30 border-2 border-solid border-red-200/30 dark:border-red-900/30 text-red-950 dark:text-red-100',
},
}
@@ -49,7 +49,7 @@ const props = withDefaults(defineProps<{
bottom: 0;
left: 0;
transform: translateX(-100%);
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
background: linear-gradient(90deg, transparent, rgb(255, 255, 255), transparent);
animation: skeleton-wave 2s ease-in-out infinite;
border-radius: inherit;
}
@@ -46,7 +46,9 @@ provide('hide', handleHide)
]"
>
<div class="flex-1 truncate">
<slot :value="modelValue" />
<slot :value="modelValue">
{{ props.options?.find(item => item.value === modelValue)?.label || modelValue }}
</slot>
</div>
<div i-solar:alt-arrow-down-linear class="h-3.5 w-3.5 text-neutral-500 dark:text-neutral-400" />
</div>