Update style to match latest changes to resource navigation tab packa…

…ge (#31)
dcasia · Sep 29, 2023 · df324a5 · df324a5
1 parent bfee3ec
commit df324a5
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 10 deletions.
diff --git a/dist/css/card.css b/dist/css/card.css
diff --git a/dist/js/card.js b/dist/js/card.js
diff --git a/resources/js/components/ResourceNavigationLink.vue b/resources/js/components/ResourceNavigationLink.vue
@@ -2,15 +2,15 @@
 
     <div class="resource-navigation-link">
 
-        <Card class="flex flex-row items-center justify-center">
+        <Card class="whitespace-nowrap overflow-x-auto flex flex-row items-center md:justify-center">
 
             <component
                 v-for="(link, key) of card.links"
                 :is="component(link)"
                 :key="key"
                 :href="link.url"
                 :target="target(link)"
-                class="p-6 flex-1 text-center cursor-pointer leading-tight text-sm transition"
+                class="p-4 pt-6 flex-1 text-center cursor-pointer leading-tight text-sm transition"
                 :class="[
                     { 'border-b-2 first:rounded-l-lg last:rounded-r-lg': true },
                     { 'hover:border-[rgba(var(--colors-primary-500))]': true },
@@ -31,11 +31,7 @@
 <script>
 
     export default {
-
-        props: [
-            'card'
-        ],
-
+        props: [ 'card' ],
         setup() {
 
             return {
@@ -45,7 +41,6 @@
             }
 
         },
-
     }
 
 </script>