fix(docs): Fix blur input labels (@tailwindcss/upgrade)

techniq · Mar 3, 2025 · 7ebceeb · 7ebceeb
1 parent c641874
commit 7ebceeb
Showing 1 changed file with 5 additions and 35 deletions.
diff --git a/packages/svelte-ux/src/routes/docs/components/Gooey/+page.svelte b/packages/svelte-ux/src/routes/docs/components/Gooey/+page.svelte
@@ -69,13 +69,7 @@
 
 <div class="grid grid-cols-[1fr_auto] gap-2 items-end">
   <h2>Rounded text background</h2>
-  <RangeField
-    label="blur-sm: "
-    labelPlacement="left"
-    bind:value={gooeyBlur}
-    max={13}
-    class="mb-1"
-  />
+  <RangeField label="blur: " labelPlacement="left" bind:value={gooeyBlur} max={13} class="mb-1" />
 </div>
 
 <Preview class="bg-primary">
@@ -100,13 +94,7 @@
 
 <div class="grid grid-cols-[1fr_auto] gap-2 items-end">
   <h2>Orbiting glowing dot</h2>
-  <RangeField
-    label="blur-sm: "
-    labelPlacement="left"
-    bind:value={gooeyBlur}
-    max={13}
-    class="mb-1"
-  />
+  <RangeField label="blur: " labelPlacement="left" bind:value={gooeyBlur} max={13} class="mb-1" />
 </div>
 
 <Preview class="bg-gradient-radial from-neutral-600 to-neutral-800">
@@ -140,13 +128,7 @@
 
 <div class="grid grid-cols-[1fr_auto] gap-2 items-end">
   <h2>Scanning glowing dot</h2>
-  <RangeField
-    label="blur-sm: "
-    labelPlacement="left"
-    bind:value={gooeyBlur}
-    max={13}
-    class="mb-1"
-  />
+  <RangeField label="blur: " labelPlacement="left" bind:value={gooeyBlur} max={13} class="mb-1" />
 </div>
 
 <Preview class="bg-gradient-radial from-neutral-600 to-neutral-800 text-center">
@@ -181,13 +163,7 @@
 
 <div class="grid grid-cols-[1fr_auto] gap-2 items-end">
   <h2>Converging dots</h2>
-  <RangeField
-    label="blur-sm: "
-    labelPlacement="left"
-    bind:value={gooeyBlur}
-    max={10}
-    class="mb-1"
-  />
+  <RangeField label="blur: " labelPlacement="left" bind:value={gooeyBlur} max={10} class="mb-1" />
 </div>
 
 <Preview class="text-center">
@@ -207,13 +183,7 @@
 
 <div class="grid grid-cols-[1fr_auto] gap-2 items-end">
   <h2>Gooey mouse</h2>
-  <RangeField
-    label="blur-sm: "
-    labelPlacement="left"
-    bind:value={gooeyBlur}
-    max={10}
-    class="mb-1"
-  />
+  <RangeField label="blur: " labelPlacement="left" bind:value={gooeyBlur} max={10} class="mb-1" />
 </div>
 
 <Preview class="relative overflow-hidden">