fix(ui-components): Base.vue unnecessary label padding (#3582)

specklesystems · Nov 29, 2024 · 126ce4f · 126ce4f
1 parent 1ac972f
commit 126ce4f
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/packages/ui-components/package.json b/packages/ui-components/package.json
@@ -3,7 +3,8 @@
   "description": "Speckle theme UI components built with Vue 3 & Tailwind",
   "version": "0.0.1",
   "scripts": {
-    "dev": "vite",
+    "dev:vite": "vite",
+    "dev": "yarn storybook",
     "build": "echo \"Building ui-components...\" && vue-tsc && vite build && echo \"Done building ui-components!\"",
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",

diff --git a/packages/ui-components/src/components/form/select/Base.vue b/packages/ui-components/src/components/form/select/Base.vue
@@ -12,7 +12,7 @@
         'md:flex md:items-center md:space-x-2 md:justify-between': isLeftLabelPosition
       }"
     >
-      <div class="flex flex-col pb-1">
+      <div class="flex flex-col" :class="{ 'pb-1': showLabel }">
         <ListboxLabel
           :id="labelId"
           class="flex text-body-xs text-foreground font-medium"