CaZzzer/amqtrain
1
0
Fork 0
Code Issues 13 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

ui: refactor some shadcn styles into utiltiy classes

Browse Source
This commit is contained in:
Yura
2026-02-09 21:04:59 -08:00
parent 72ee0260d9
commit a9008627a1
2 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/lib/components/ui/label/label.svelte
View File

@@ -12,9 +12,6 @@
<LabelPrimitive.Root <LabelPrimitive.Root
bind:ref bind:ref
data-slot="label" data-slot="label"
class={cn( class={cn("scn-label", className)}
"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
className
)}
{...restProps} {...restProps}
/> />

8
src/routes/layout.css
View File

@@ -134,4 +134,12 @@
.btn-icon-sm { .btn-icon-sm {
@apply inline-flex h-8 w-8 items-center justify-center rounded border; @apply inline-flex h-8 w-8 items-center justify-center rounded border;
} }
}
@layer scn {
/* Stolen styles from svelte-shadcn to make the final css look less tailwindy */
.scn-label {
@apply flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50;
}
} }