style(pdf): configuration gaps

Novout · Nov 13, 2021 · 52e8d10 · 52e8d10
1 parent e701567
commit 52e8d10
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 5 deletions.
diff --git a/src/components/editor/pdf/PDFConfiguration.vue b/src/components/editor/pdf/PDFConfiguration.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex flex-col justify-start items-start p-5">
+  <div class="flex flex-col justify-start items-start p-5 gap-5">
     <PDFConfigurationHeader />
     <PDFConfigurationSetCover />
     <PDFConfigurationSetBase />

diff --git a/src/components/editor/pdf/set/PDFConfigurationSetBase.vue b/src/components/editor/pdf/set/PDFConfigurationSetBase.vue
@@ -12,6 +12,7 @@
         items-center
         my-3
         overflow-x-hidden
+        gap-5
       "
     >
       <div class="wb-input-container">
@@ -49,7 +50,7 @@
         <label class="mx-2 text-xs">{{
           t('editor.pdf.base.pageMargins.title')
         }}</label>
-        <section class="flex justify-between w-full flex-row flex-wrap">
+        <section class="flex justify-between w-full flex-row flex-wrap gap-2">
           <section>
             <label>{{ t('editor.pdf.base.pageMargins.left') }}</label>
             <InputNumber v-model="pdf.base.pageMargins.left" />
@@ -70,7 +71,14 @@
       </div>
       <div class="wb-input-container">
         <section
-          class="flex justify-start items-center w-full flex-row flex-wrap"
+          class="
+            flex
+            justify-center
+            items-center
+            w-full
+            flex-row flex-wrap
+            gap-5
+          "
         >
           <section class="flex items-center">
             <label class="mx-2 text-xs">{{
@@ -113,7 +121,14 @@
       </div>
       <div class="wb-input-container">
         <section
-          class="flex justify-start items-center w-full flex-row flex-wrap"
+          class="
+            flex
+            justify-center
+            items-center
+            w-full
+            flex-row flex-wrap
+            gap-5
+          "
         >
           <section class="flex items-center">
             <label class="mx-2 text-xs">{{
@@ -163,7 +178,14 @@
       </div>
       <div class="wb-input-container">
         <section
-          class="flex justify-start items-center w-full flex-row flex-wrap"
+          class="
+            flex
+            justify-center
+            items-center
+            w-full
+            flex-row flex-wrap
+            gap-5
+          "
         >
           <section class="flex items-center">
             <label class="mx-2 text-xs">{{