fix: style and storybook of NeRadioSelection

nethesis · Apr 10, 2024 · d2ce1b3 · d2ce1b3
1 parent ef6410e
commit d2ce1b3
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 10 deletions.
diff --git a/src/components/NeRadioSelection.vue b/src/components/NeRadioSelection.vue
@@ -80,9 +80,9 @@ const cardClasses: Record<RadioCardSize, string> = {
 }
 
 const iconClasses: Record<RadioCardSize, string> = {
-  md: 'h-7 w-7 pr-4',
-  lg: 'h-10 w-10 pr-5',
-  xl: 'h-12 w-12 pr-6'
+  md: 'h-7 w-7 pr-2',
+  lg: 'h-10 w-10 pr-3',
+  xl: 'h-12 w-12 pr-5'
 }
 
 const textClasses: Record<RadioCardSize, string> = {

diff --git a/stories/NeRadioSelection.stories.ts b/stories/NeRadioSelection.stories.ts
@@ -61,7 +61,7 @@ export const Default: StoryObj<typeof NeRadioSelection> = {
       return { args }
     },
     template: `
-      <NeRadioSelection v-model="args.modelValue" :label="args.label" :options="args.options" />
+      <NeRadioSelection v-bind="args" />
     `
   })
 }
@@ -73,8 +73,7 @@ export const WithDescription: StoryObj<typeof NeRadioSelection> = {
       return { args }
     },
     template: `
-      <NeRadioSelection v-model="args.modelValue" :description="args.description" :label="args.label"
-      :options="args.options" />
+      <NeRadioSelection v-bind="args" />
     `
   }),
   args: {
@@ -89,8 +88,7 @@ export const CardPicker: StoryObj<typeof NeRadioSelection> = {
       return { args }
     },
     template: `
-      <NeRadioSelection v-model="args.modelValue" :card="args.card" :grid-style="args.gridStyle"
-      :label="args.label" :options="args.options" />
+      <NeRadioSelection v-bind="args" />
     `
   }),
   args: {
@@ -143,7 +141,7 @@ export const Disabled: StoryObj<typeof NeRadioSelection> = {
       return { args }
     },
     template: `
-      <NeRadioSelection v-model="args.modelValue" :label="args.label" :options="args.options" />
+      <NeRadioSelection v-bind="args" />
     `
   }),
   args: {
@@ -158,7 +156,7 @@ export const WithTooltip: StoryObj<typeof NeRadioSelection> = {
       return { args }
     },
     template: `
-      <NeRadioSelection v-model="args.modelValue" :label="args.label" :options="args.options">\
+      <NeRadioSelection v-bind="args">\
         <template #tooltip>\
           <NeTooltip>\
             <template #content>Tooltip</template>\