Joururi/leim-tools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Changed h-w to size

Browse Source
This commit is contained in:
Alexis
2025-04-17 21:41:48 +02:00
parent 36456ce377
commit 8215791830
20 changed files with 303 additions and 572 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/ui/breadcrumb/BreadcrumbEllipsis.vue
View File

@@ -15,7 +15,7 @@ const props = defineProps<{
:class="cn('flex h-9 w-9 items-center justify-center', props.class)"
>
<slot>
<MoreHorizontal class="h-4 w-4" />
<MoreHorizontal class="size-4" />
</slot>
<span class="sr-only">More</span>
</span>

4
components/ui/checkbox/Checkbox.vue
View File

@@ -21,12 +21,12 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
<CheckboxRoot
v-bind="forwarded"
:class="
cn('peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground',
cn('peer size-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground',
props.class)"
>
<CheckboxIndicator class="flex h-full w-full items-center justify-center text-current">
<slot>
<Check class="h-4 w-4" />
<Check class="size-4" />
</slot>
</CheckboxIndicator>
</CheckboxRoot>

2
components/ui/command/CommandInput.vue
View File

@@ -25,7 +25,7 @@ const forwardedProps = useForwardProps(delegatedProps)
<template>
<div class="flex items-center border-b px-3" cmdk-input-wrapper>
<Search class="mr-2 h-4 w-4 shrink-0 opacity-50" />
<Search class="mr-2 size-4 shrink-0 opacity-50" />
<ComboboxInput
v-bind="{ ...forwardedProps, ...$attrs }"
auto-focus

4
components/ui/dropdown-menu/DropdownMenuSubTrigger.vue
View File

@@ -30,7 +30,7 @@ const forwardedProps = useForwardProps(delegatedProps)
"
>
<template v-if="props.arrowDirection === 'left'">
<PhCaretLeft class="mr-auto h-4 w-4" />
<PhCaretLeft class="mr-auto size-4" />
<span class="inline-block">
<slot />
@@ -39,7 +39,7 @@ const forwardedProps = useForwardProps(delegatedProps)
<template v-else>
<slot />
<PhCaretRight class="ml-auto h-4 w-4" />
<PhCaretRight class="ml-auto size-4" />
</template>
</DropdownMenuSubTrigger>
</template>

2
components/ui/pagination/PaginationFirst.vue
View File

@@ -23,7 +23,7 @@ const delegatedProps = computed(() => {
<PaginationFirst v-bind="delegatedProps">
<Button :class="cn('w-10 h-10 p-0', props.class)" variant="outline">
<slot>
<ChevronsLeft class="h-4 w-4" />
<ChevronsLeft class="size-4" />
</slot>
</Button>
</PaginationFirst>

2
components/ui/pagination/PaginationLast.vue
View File

@@ -23,7 +23,7 @@ const delegatedProps = computed(() => {
<PaginationLast v-bind="delegatedProps">
<Button :class="cn('w-10 h-10 p-0', props.class)" variant="outline">
<slot>
<ChevronsRight class="h-4 w-4" />
<ChevronsRight class="size-4" />
</slot>
</Button>
</PaginationLast>

2
components/ui/pagination/PaginationNext.vue
View File

@@ -23,7 +23,7 @@ const delegatedProps = computed(() => {
<PaginationNext v-bind="delegatedProps">
<Button :class="cn('w-10 h-10 p-0', props.class)" variant="outline">
<slot>
<ChevronRight class="h-4 w-4" />
<ChevronRight class="size-4" />
</slot>
</Button>
</PaginationNext>

2
components/ui/pagination/PaginationPrev.vue
View File

@@ -23,7 +23,7 @@ const delegatedProps = computed(() => {
<PaginationPrev v-bind="delegatedProps">
<Button :class="cn('w-10 h-10 p-0', props.class)" variant="outline">
<slot>
<ChevronLeft class="h-4 w-4" />
<ChevronLeft class="size-4" />
</slot>
</Button>
</PaginationPrev>

2
components/ui/select/SelectItem.vue
View File

@@ -33,7 +33,7 @@ const forwardedProps = useForwardProps(delegatedProps)
>
<span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
<SelectItemIndicator>
<Check class="h-4 w-4" />
<Check class="size-4" />
</SelectItemIndicator>
</span>

2
components/ui/select/SelectScrollDownButton.vue
View File

@@ -25,7 +25,7 @@ const forwardedProps = useForwardProps(delegatedProps)
:class="cn('flex cursor-default items-center justify-center py-1', props.class)"
>
<slot>
<ChevronDown class="h-4 w-4" />
<ChevronDown class="size-4" />
</slot>
</SelectScrollDownButton>
</template>

2
components/ui/select/SelectScrollUpButton.vue
View File

@@ -21,7 +21,7 @@ const forwardedProps = useForwardProps(delegatedProps)
:class="cn('flex cursor-default items-center justify-center py-1', props.class)"
>
<slot>
<ChevronUp class="h-4 w-4" />
<ChevronUp class="size-4" />
</slot>
</SelectScrollUpButton>
</template>

2
components/ui/switch/Switch.vue
View File

@@ -31,7 +31,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
)"
>
<SwitchThumb
:class="cn('pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0')"
:class="cn('pointer-events-none block size-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0')"
/>
</SwitchRoot>
</template>

2
components/ui/toast/ToastClose.vue
View File

@@ -17,6 +17,6 @@ const delegatedProps = computed(() => {
<template>
<ToastClose v-bind="delegatedProps" :class="cn('absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-hidden focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 hover:group-[.destructive]:text-red-50 focus:group-[.destructive]:ring-red-400 focus:group-[.destructive]:ring-offset-red-600', props.class)">
<X class="h-4 w-4" />
<X class="size-4" />
</ToastClose>
</template>