fix: tablet testimonial

ucsddesignco · Jun 2, 2024 · f7abbf9 · f7abbf9
1 parent 1152958
commit f7abbf9
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 9 deletions.
diff --git a/src/app/components/ThemesSlider/ThemeSlide/ThemeSlide.scss b/src/app/components/ThemesSlider/ThemeSlide/ThemeSlide.scss
@@ -8,8 +8,12 @@
   display: flex;
   flex-direction: column;
   justify-content: space-between;
-  min-height: 420px;
   max-height: 575px;
+  min-height: 420px;
+
+  @media ($mobile-breakpoint < width < $tablet-breakpoint) {
+    min-height: 500px;
+  }
 
   .top-section {
     h3 {

diff --git a/src/app/components/ThemesSlider/ThemesSlider.scss b/src/app/components/ThemesSlider/ThemesSlider.scss
@@ -66,12 +66,12 @@
       background: $hide-slides-gradient;
     }
 
-    .arrows {
-      display: flex;
-      gap: 2px;
-      grid-area: 1 / 1 / 2 / 2;
-      padding: 10px;
-    }
+    // .arrows {
+    //   display: flex;
+    //   gap: 2px;
+    //   grid-area: 1 / 1 / 2 / 2;
+    //   padding: 10px;
+    // }
   }
 
   @media ($mobile-breakpoint < width < 1400px) {
@@ -91,18 +91,26 @@
     height: 100%;
 
     .keen-slider {
-      height: 100%;
+      height: calc(100% - 3rem);
     }
 
     & {
       width: calc(
         100vw - clamp(250px, 200px + 11vw, 470px) - 2 *
           $main-padding-desktop-inline
       );
+    }
+  }
 
-      border: none;
+  @media (min-width: 1400px) {
+    height: 100%;
+
+    .keen-slider {
+      height: 100%;
     }
 
+    border: none;
+
     .dots {
       display: none;
     }