fix: harmonize left and right spacing of footnotes

alexanderdavide · Dec 26, 2024 · 46f8ebb · 46f8ebb
1 parent cf0e509
commit 46f8ebb
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/components/Footnote.vue b/components/Footnote.vue
@@ -1,5 +1,5 @@
 <template>
-  <li class="text-xs whitespace-nowrap">
+  <li class="ml-0! text-xs whitespace-nowrap">
     <sup v-if="number">{{ number }}</sup>
     <slot />
   </li>

diff --git a/components/Footnotes.vue b/components/Footnotes.vue
@@ -8,13 +8,14 @@
   >
     <hr v-if="separator" />
     <ul
-      class="flex flex-wrap !list-none p-2"
+      class="flex flex-wrap !list-none px-3 py-2"
       v-bind:class="{
         'flex-col': y === 'col',
         'items-start': x === 'l' && y === 'col',
         'items-end': x === 'r' && y === 'col',
         'justify-start': x === 'l' && y === 'row',
         'justify-end': x === 'r' && y === 'row',
+        'gap-col-3': y === 'row',
         'gap-row-0.5': y === 'col',
       }"
     >