From a9008627a11edf6f24bc021efab8f20ad8984b09 Mon Sep 17 00:00:00 2001
From: Yuri Tatishchev <itatishch@gmail.com>
Date: Mon, 9 Feb 2026 21:04:59 -0800
Subject: [PATCH] ui: refactor some shadcn styles into utiltiy classes

---
 src/lib/components/ui/label/label.svelte | 5 +----
 src/routes/layout.css                    | 8 ++++++++
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/ui/label/label.svelte b/src/lib/components/ui/label/label.svelte
index d71afbc..8f801d1 100644
--- a/src/lib/components/ui/label/label.svelte
+++ b/src/lib/components/ui/label/label.svelte
@@ -12,9 +12,6 @@
 <LabelPrimitive.Root
 	bind:ref
 	data-slot="label"
-	class={cn(
-		"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
-	)}
+	class={cn("scn-label", className)}
 	{...restProps}
 />
diff --git a/src/routes/layout.css b/src/routes/layout.css
index bf65110..903fb9e 100644
--- a/src/routes/layout.css
+++ b/src/routes/layout.css
@@ -134,4 +134,12 @@
 	.btn-icon-sm {
 		@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;
+	}
 }