Skip to content

Commit 18ca7a1

Browse files
authored
fix(NeExpandable): minor style fix (#25)
1 parent 7e82484 commit 18ca7a1

File tree

2 files changed

+4
-4
lines changed

2 files changed

+4
-4
lines changed

src/components/NeExpandable.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -80,7 +80,7 @@ function toggleExpanded() {
8080
</slot>
8181
</div>
8282
<Transition name="slide-down">
83-
<div v-show="internalIsExpanded" class="space-y-6">
83+
<div v-show="internalIsExpanded" class="mt-4">
8484
<slot></slot>
8585
</div>
8686
</Transition>

stories/NeExpandable.stories.ts

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ export default meta
1818
type Story = StoryObj<typeof meta>
1919

2020
const defaultTemplate = `<NeExpandable v-bind="args">
21-
<div class="pt-4 pl-2 text-gray-700 dark:text-gray-300">
21+
<div class="text-gray-700 dark:text-gray-300">
2222
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
2323
</div>
2424
</NeExpandable>`
@@ -51,7 +51,7 @@ const customTriggerTemplate = `<NeExpandable v-bind="args">
5151
Click here to show more
5252
</span>
5353
</template>
54-
<div class="pt-4 pl-2 text-gray-700 dark:text-gray-300">
54+
<div class="text-gray-700 dark:text-gray-300">
5555
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
5656
</div>
5757
</NeExpandable>`
@@ -73,7 +73,7 @@ const customTriggerFullWidthTemplate = `<NeExpandable v-bind="args">
7373
Click here to show more
7474
</div>
7575
</template>
76-
<div class="pt-4 pl-2 text-gray-700 dark:text-gray-300">
76+
<div class="text-gray-700 dark:text-gray-300">
7777
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
7878
</div>
7979
</NeExpandable>`

0 commit comments

Comments
 (0)