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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user