added padding to config tabs to optimize usability in mobile layout

stratum-mining · May 7, 2024 · 7cfaea0 · 7cfaea0
1 parent 05fe9a4
commit 7cfaea0
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/src/.vuepress/styles/index.styl b/src/.vuepress/styles/index.styl
@@ -232,8 +232,14 @@ li a[href="/specification/00-Abstract/"] {
   display: block;
 }
 
+// mobile styles
 @media (max-width: 520px) {
+
   .supportersTabs > div > div > nav > a.text-sm {
     font-size: 0.83rem !important;
   }
+
+  .configTabs > div > div > nav > a.text-sm {
+    padding: 10px 14px;
+  }
 }
diff --git a/src/.vuepress/theme/layouts/Home.vue b/src/.vuepress/theme/layouts/Home.vue
@@ -54,6 +54,7 @@
         </h2>
 
         <Tabs
+          class="configTabs"
           :tabs="data.configurationTabs"
           :selected="selectedConfigurationTab"
           @tab-selected="selectedConfigurationTab = $event"