fix(primevue): tab component styling on mobile (#172)

tab component styling on mobile
bcgov · May 13, 2024 · 1498826 · 1498826
1 parent 7c2fd94
commit 1498826
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/style-sheets/primevue-components-overrides.scss b/style-sheets/primevue-components-overrides.scss
@@ -1215,7 +1215,11 @@ label {
 
 @media (max-width: 390px) {
     .#{variables.$primevue-prefix}-tabview
-        .#{variables.$primevue-prefix}-tabview-nav {
-        display: none;
+        .#{variables.$primevue-prefix}-tabview-nav-link {
+        min-width: 6.9rem !important;
+    }
+    .#{variables.$primevue-prefix}-tabview
+        .#{variables.$primevue-prefix}-tabview-title {
+            padding-right: 0.625rem;
     }
 }