update content tab padding

nih-sparc · Nov 15, 2023 · abd6cdc · abd6cdc
1 parent 0b58034
commit abd6cdc
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@nih-sparc/sparc-design-system-components",
-  "version": "0.27.3",
+  "version": "0.27.4",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

diff --git a/src/components/ContentTabCard/src/ContentTabCard.vue b/src/components/ContentTabCard/src/ContentTabCard.vue
@@ -6,26 +6,26 @@
         :is="linkComponent"
         :to="{ query: queryParams(tab.id) }"
         @click.native="$emit('tab-changed', tab)"
-        :class="[{ active: tab.id === activeTabId }, tabStyle, tabClass, 'tab-link p-8']"
+        :class="[{ active: tab.id === activeTabId }, tabStyle, tabClass, 'tab-link p-16']"
       >
         {{ tab.label }}
       </component>
       <a v-else-if="tab.href"
-        :class="[{ active: tab.id === activeTabId }, tabStyle, tabClass, 'tab-link p-8']"
+        :class="[{ active: tab.id === activeTabId }, tabStyle, tabClass, 'tab-link p-16']"
         :href="tab.href"
         target="_blank"    
       >
         {{ tab.label }}
       </a>
       <a
         v-else
-        :class="[{ active: tab.id === activeTabId }, tabStyle, tabClass, 'tab-link p-8']"
+        :class="[{ active: tab.id === activeTabId }, tabStyle, tabClass, 'tab-link p-16']"
         @click.prevent="$emit('tab-changed', tab)"
       >
         {{ tab.label }}
       </a>
     </span>
-    <div class="content mt-8 p-16">
+    <div class="content mt-16 p-16">
       <slot />
     </div>
   </div>