Update card padding

wbstack · Nov 18, 2024 · 7f3c7c5 · 7f3c7c5
1 parent c3f5513
commit 7f3c7c5
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 13 deletions.
diff --git a/src/components/Pages/ManageWiki/Features/EntityMapping.vue b/src/components/Pages/ManageWiki/Features/EntityMapping.vue
@@ -1,6 +1,6 @@
 <template>
 <div>
-  <v-col>
+  <v-col class="card-column">
     <v-card>
         <v-card-title>Mapping Properties to Wikidata</v-card-title>
         <v-card-text>
@@ -19,7 +19,7 @@
         />
     </v-card>
   </v-col>
-  <v-col>
+  <v-col class="card-column">
     <v-card>
         <v-card-title>Mapping Items to Wikidata</v-card-title>
         <v-card-text>

diff --git a/src/components/Pages/ManageWiki/Features/Lexeme.vue b/src/components/Pages/ManageWiki/Features/Lexeme.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-col>
+  <v-col class="card-column">
     <v-form ref="form" v-model="valid" @submit="handleSubmit" id="formLexeme">
       <v-card class="padding">
         <v-card-title>Lexeme</v-card-title>

diff --git a/src/components/Pages/ManageWiki/TabSettings.vue b/src/components/Pages/ManageWiki/TabSettings.vue
@@ -49,9 +49,11 @@ export default {
 </script>
 
 <style scoped>
+.tab-container >>> .card-column {
+  padding: 8px;
+}
 .tab-container >>> .col {
   max-width: 740px;
-  padding: 12px;
 }
 .tab-container >>> .v-card {
   min-width: 288px;
@@ -61,4 +63,7 @@ export default {
   padding-right: 16px;
   padding-bottom: 16px;
 }
+.v-tabs {
+  padding-bottom: 4px;
+}
 </style>
diff --git a/src/components/Pages/ManageWiki/Tabs/ManageWiki.vue b/src/components/Pages/ManageWiki/Tabs/ManageWiki.vue
@@ -5,52 +5,52 @@
         <!--Col 1-->
         <v-col>
           <v-row>
-            <v-col>
+            <v-col class="card-column">
               <Details :wikiId="this.wikiId"/>
             </v-col>
           </v-row>
           <v-row>
-            <v-col>
+            <v-col class="card-column">
               <Skin :wikiId="this.wikiId"/>
             </v-col>
           </v-row>
           <v-row>
-            <v-col>
+            <v-col class="card-column">
               <Logo :wikiId="this.wikiId"/>
             </v-col>
           </v-row>
           <v-row>
-            <v-col>
+            <v-col class="card-column">
               <QuestyCaptcha :wikiId="this.wikiId"/>
             </v-col>
           </v-row>
         </v-col>
         <!--Col 2-->
         <v-col>
           <v-row>
-            <v-col>
+            <v-col class="card-column">
               <Registration :wikiId="this.wikiId"/>
             </v-col>
           </v-row>
           <v-row>
-            <v-col>
+            <v-col class="card-column">
               <Wikibase :wikiId="this.wikiId"/>
             </v-col>
           </v-row>
           <v-row>
-            <v-col>
+            <v-col class="card-column">
               <EntityImport :wikiId="this.wikiId"/>
             </v-col>
           </v-row>
         </v-col>
       </v-row>
       <v-row>
-        <v-col>
+        <v-col class="card-column">
           <Delete :wikiId="this.wikiId"/>
         </v-col>
       </v-row>
       <v-row v-if="wikiId == 0">
-        <v-col>
+        <v-col class="card-column">
           <v-card>
             <v-toolbar dark color="primary">
               <v-toolbar-title>Wiki Management</v-toolbar-title>