chore: checkpoint tailwind spacing updates

This commit is contained in:
xingyu4j
2026-03-14 18:11:08 +08:00
parent 90dc8cf997
commit fa190e0975
24 changed files with 42 additions and 42 deletions

View File

@@ -37,7 +37,7 @@ const tabsIndicatorStyle = computed(() => {
});
function activeClass(tab: string): string[] {
return tab === activeTab.value ? ['!font-bold', 'text-primary'] : [];
return tab === activeTab.value ? ['font-bold!', 'text-primary'] : [];
}
</script>
@@ -45,7 +45,7 @@ function activeClass(tab: string): string[] {
<Tabs v-model="activeTab" :default-value="getDefaultValue">
<TabsList
:style="tabsStyle"
class="bg-accent !outline-heavy relative grid w-full !outline !outline-2"
class="bg-accent outline-heavy! relative grid w-full outline! outline-2!"
>
<TabsIndicator :style="tabsIndicatorStyle" />
<template v-for="tab in tabs" :key="tab.value">

View File

@@ -16,7 +16,7 @@ const style = computed(() => {
});
</script>
<template>
<div :style="style" class="vben-spine-text !bg-clip-text text-transparent">
<div :style="style" class="vben-spine-text bg-clip-text! text-transparent">
<slot></slot>
</div>
</template>

View File

@@ -33,8 +33,8 @@ const delegatedProps = computed(() => {
cn(
'bg-background text-muted-foreground absolute top-1/2 left-1/2 flex -translate-x-1/2 -translate-y-1/2 items-center justify-center text-xs',
props.orientation === 'vertical'
? 'w-[1px] px-1 py-2'
: 'h-[1px] px-2 py-1',
? 'w-0.25 px-1 py-2'
: 'h-0.25 px-2 py-1',
)
"
>

View File

@@ -24,7 +24,7 @@ const modelValue = useVModel(props, 'modelValue', emits, {
v-model="modelValue"
:class="
cn(
'border-input placeholder:text-muted-foreground focus-visible:ring-ring flex min-h-[60px] w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-xs focus-visible:ring-1 focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50',
'border-input placeholder:text-muted-foreground focus-visible:ring-ring flex min-h-15 w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-xs focus-visible:ring-1 focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50',
props.class,
)
"