Changed mobile text padding for text bubbles

HackAtUCI · Oct 7, 2024 · 99d3a2a · 99d3a2a
1 parent 42c2e40
commit 99d3a2a
Showing 1 changed file with 20 additions and 5 deletions.
diff --git a/apps/site/src/app/(home)/sections/FAQ/FAQ.module.scss b/apps/site/src/app/(home)/sections/FAQ/FAQ.module.scss
@@ -1,6 +1,9 @@
 @use "zothacks-theme" as theme;
 @use "bootstrap-utils" as utils;
 
+$mobile-item-padding-y: 26px;
+$mobile-item-padding-x: 32px;
+
 $item-padding-y: 32px;
 $item-padding-x: 48px;
 
@@ -59,15 +62,15 @@ $question-font-size: 20px;
 }
 
 .header-body {
- padding: $item-padding-y $item-padding-x;
+ padding: $mobile-item-padding-y $mobile-item-padding-x;
 }
 
 .accordion {
- --bs-accordion-body-padding-y: #{$item-padding-y};
- --bs-accordion-body-padding-x: #{$item-padding-x};
+ --bs-accordion-body-padding-y: #{$mobile-item-padding-y};
+ --bs-accordion-body-padding-x: #{$mobile-item-padding-x};
 
- --bs-accordion-btn-padding-y: #{$item-padding-y};
- --bs-accordion-btn-padding-x: #{$item-padding-x};
+ --bs-accordion-btn-padding-y: #{$mobile-item-padding-y};
+ --bs-accordion-btn-padding-x: #{$mobile-item-padding-x};
 
  --bs-accordion-btn-icon-width: 32px;
  --bs-accordion-btn-icon: url("~@/assets/icons/plus.svg");
@@ -86,6 +89,18 @@ $question-font-size: 20px;
  margin-left: 110px;
  }
 
+ .header-body {
+ padding: $item-padding-y $item-padding-x;
+ }
+
+ .accordion {
+ --bs-accordion-body-padding-y: #{$item-padding-y};
+ --bs-accordion-body-padding-x: #{$item-padding-x};
+
+ --bs-accordion-btn-padding-y: #{$item-padding-y};
+ --bs-accordion-btn-padding-x: #{$item-padding-x};
+ }
+
  .left-anteater {
  display: block;
  position: sticky;