footer font sizes for mobile

avantifellows · Jun 24, 2024 · a4508f7 · a4508f7
1 parent 8fc0120
commit a4508f7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/components/Questions/Footer.vue b/src/components/Questions/Footer.vue
@@ -165,7 +165,7 @@ export default defineComponent({
         "fill-current",
       ],
       assessmentTextButtonTitleClass:
-        "text-sm bp-500:text-md lg:text-lg xl:text-xl font-bold",
+        "text-xs bp-500:text-sm lg:text-base xl:text-lg font-bold",
       assessmentNavigationButtonClass: [
         {
           "bg-yellow-500 hover:bg-yellow-600 ring-yellow-500 px-6 bp-500:px-8 rounded-2xl":
@@ -216,11 +216,11 @@ export default defineComponent({
 
     const markForReviewButtonTitleConfig = computed(() => ({
       value: props.isMarkedForReview ? "Clear Review" : "Mark For Review",
-      class: [state.assessmentTextButtonTitleClass, "text-violet-500"],
+      class: ["text-xxs bp-500:text-sm lg:text-base xl:text-lg font-bold", "text-violet-500"],
     } as IconButtonTitleConfig));
 
     const saveAndNextButtonTitleConfig = ref({
-      value: "Save & Next",
+      value: "Save >",
       class: [state.assessmentTextButtonTitleClass, "text-emerald-500"],
     } as IconButtonTitleConfig);
 

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -13,6 +13,9 @@ module.exports = {
       borderWidth: {
         1: "1px",
       },
+      fontSize: {
+        xxs: "0.65rem",
+      },
     },
     screens: {
       "bp-320": "320px",