From 2b2cd6d1946fb2a15b9ee429087f58e8341bf47b Mon Sep 17 00:00:00 2001
From: unknown <mudasser425@gmail.com>
Date: Mon, 6 Mar 2023 01:24:21 +0500
Subject: [PATCH] ok

---
 assets/css/style.css             |  3 ++-
 pages/onboarding/onboarding2.vue |  2 +-
 pages/onboarding/onboarding3.vue | 14 ++++++++++++--
 pages/onboarding/onboarding4.vue |  2 +-
 4 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index b951f53..1969ee9 100755
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -141,7 +141,8 @@ body{
 
 @media only screen and (max-width: 396px){
     .checklabel{
-        padding: 12px 32px !important;
+        /*padding: 12px 32px !important;*/
+        width: 150px;
     }
     .checklabel123{
         padding: 13px 10px !important;
diff --git a/pages/onboarding/onboarding2.vue b/pages/onboarding/onboarding2.vue
index fa25d84..8d6cb6f 100644
--- a/pages/onboarding/onboarding2.vue
+++ b/pages/onboarding/onboarding2.vue
@@ -42,7 +42,7 @@
         </div>
       </div>
     <div class="row pt-5 mt-0 mt-sm-4 " style="position: fixed;bottom: 50px;left: 0;right: 0">
-      <div class="col-12 text-center pt-5 mt-3   pb-5 mb-2" >
+      <div class="col-12 text-center pt-5 mt-3   pb-2 mb-2" >
         <NuxtLink class="btn btn-warning px-2 " @click.once="increment(25)" to="/onboarding"></NuxtLink>
         <NuxtLink class="btn btn-warning px-4 mx-2" @click.once="increment(50)" to="/onboarding/onboarding2"></NuxtLink>
         <NuxtLink class="btn btn-warning px-2 " @click.once="increment(75)" to="/onboarding/onboarding3"></NuxtLink>
diff --git a/pages/onboarding/onboarding3.vue b/pages/onboarding/onboarding3.vue
index 2e79dea..f7a1f62 100644
--- a/pages/onboarding/onboarding3.vue
+++ b/pages/onboarding/onboarding3.vue
@@ -11,7 +11,7 @@
           <div class=" d-flex mx-auto justify-content-center">
             <a @click.prevent="saveSetting('Creativity')" href="/onboarding/onboarding4"  @click.once="increment(100)" class="checkmark px-1 pt-2 d-block d-sm-inline-block d-inline-block">
               <input type="radio" class="btn-check" name="options-outlined" id="success-outlined1" autocomplete="off" >
-              <label class="btn pt-4 px-5 checklabel" for="success-outlined1">
+              <label class="btn  px-5 checklabel " for="success-outlined1">
                 <svg xmlns="http://www.w3.org/2000/svg" width="60"  viewBox="0 0 51 56" fill="none">
                   <path d="M21.1334 0.400024C14.5918 0.400024 10.3879 3.42115 9.07481 6.66487C3.92264 7.7604 0.299805 13.3969 0.299805 19.5977C0.299805 22.1501 1.04031 24.7056 2.32246 27.543C1.27516 28.8243 0.299805 30.431 0.299805 32.8C0.299805 35.905 2.33287 38.8964 5.95527 40.5625C4.81761 43.2096 5.06151 45.7629 6.41699 47.5797C7.82489 49.4668 10.1907 50.4487 12.7311 50.643C13.5012 52.6657 14.8882 54.0709 16.4248 54.7399C18.1748 55.5017 19.9654 55.6 21.1334 55.6C22.9191 55.6 24.4848 54.7584 25.5021 53.4532C26.5189 54.7508 28.0799 55.5872 29.8568 55.6H29.8592C30.9634 55.608 32.7467 55.5073 34.5115 54.7469C36.0345 54.0907 37.4192 52.7093 38.2123 50.7391C40.1307 50.6772 42.1153 50.393 43.7975 49.4453C45.6874 48.3806 47.0998 46.365 47.0998 43.6C47.0998 42.5189 46.7101 41.521 46.249 40.518C47.79 39.7519 49.0042 38.7713 49.6686 37.5602C50.506 36.0336 50.6998 34.3601 50.6998 32.8C50.6998 30.4081 49.5701 28.9692 48.4732 27.7938C49.7746 24.9567 50.7422 22.2145 50.6998 19.5789C50.5882 12.5777 45.87 7.66286 40.7529 6.64612C39.6126 3.64866 36.3701 0.400024 29.8662 0.400024C28.2293 0.400024 26.6389 0.820542 25.6357 2.11331C25.5863 2.17706 25.5461 2.24854 25.4998 2.31487C25.4536 2.24854 25.4133 2.17706 25.3639 2.11331C24.3607 0.820542 22.7703 0.400024 21.1334 0.400024ZM21.1334 2.80002C22.4281 2.80002 23.0204 3.0063 23.4678 3.58284C23.9151 4.15937 24.2998 5.45361 24.2998 7.82268V14.5985C24.2784 14.7281 24.2784 14.8603 24.2998 14.9899V19.6H20.6998V13.6H15.6748C15.174 12.2112 13.8516 11.2 12.2998 11.2C10.3258 11.2 8.69981 12.826 8.69981 14.8C8.69981 16.774 10.3258 18.4 12.2998 18.4C13.8516 18.4 15.174 17.3888 15.6748 16H18.2998V22H24.2998V31.6H15.8998V39.025C14.511 39.5259 13.4998 40.8482 13.4998 42.4C13.4998 44.374 15.1258 46 17.0998 46C19.0738 46 20.6998 44.374 20.6998 42.4C20.6998 40.8482 19.6886 39.5259 18.2998 39.025V34H24.2998V42.1985C24.2784 42.3281 24.2784 42.4603 24.2998 42.5899V49.9985C24.2998 51.9622 23.0282 53.2 21.1334 53.2C20.1222 53.2 18.6352 53.084 17.3834 52.5391C16.1316 51.9942 15.1164 51.1409 14.6646 49.3117L14.4396 48.4H13.4998C11.2991 48.4 9.34017 47.4843 8.34121 46.1453C7.34225 44.8064 7.07782 43.0564 8.53106 40.6141L9.29043 39.3368L7.88184 38.8633C4.21975 37.6325 2.6998 35.1712 2.6998 32.8C2.6998 30.7364 3.46575 29.6956 4.54902 28.511L5.01543 28H8.9248C9.42564 29.3888 10.748 30.4 12.2998 30.4C14.2738 30.4 15.8998 28.774 15.8998 26.8C15.8998 24.826 14.2738 23.2 12.2998 23.2C10.748 23.2 9.42564 24.2112 8.9248 25.6H4.05918C3.1496 23.3842 2.6998 21.4736 2.6998 19.5977C2.6998 14.0899 6.15035 9.26908 10.0451 8.79065L10.8373 8.69456L11.0529 7.92815C11.5902 6.03895 14.9868 2.80002 21.1334 2.80002ZM29.8662 2.80002C36.0128 2.80002 38.1175 5.71925 38.7467 7.92815L38.9646 8.69456L39.7545 8.79065C43.8006 9.28767 48.2006 13.3957 48.2998 19.6188C48.3353 21.827 47.432 24.5196 46.017 27.4821L45.6537 28.2438L46.2443 28.8414C47.4953 30.1105 48.2998 30.7856 48.2998 32.8C48.2998 34.1524 48.1154 35.3993 47.5639 36.4047C47.2125 37.0453 46.6816 37.6106 45.8998 38.0992V32.8H35.0998V28.975C36.4886 28.4742 37.4998 27.1518 37.4998 25.6C37.4998 23.626 35.8738 22 33.8998 22C31.9258 22 30.2998 23.626 30.2998 25.6C30.2998 27.1518 31.311 28.4742 32.6998 28.975V35.2H43.4998V39.8289C43.4584 40.1029 43.513 40.3828 43.6545 40.6211C43.6553 40.6219 43.6561 40.6227 43.6568 40.6235C44.2787 41.8929 44.6998 42.9695 44.6998 43.6C44.6998 45.635 43.9236 46.6195 42.6186 47.3547C41.3135 48.0899 39.3904 48.4 37.4998 48.4H36.56L36.335 49.3117C35.8864 51.1279 34.8389 51.9938 33.5623 52.5438C32.2857 53.0938 30.7922 53.2066 29.8756 53.2C27.9706 53.1863 26.6998 51.9622 26.6998 49.9985V43.6H31.7248C32.2256 44.9888 33.548 46 35.0998 46C37.0738 46 38.6998 44.374 38.6998 42.4C38.6998 40.426 37.0738 38.8 35.0998 38.8C33.548 38.8 32.2256 39.8112 31.7248 41.2H26.6998V33.0016C26.7212 32.872 26.7212 32.7398 26.6998 32.6102V21.0016C26.7212 20.872 26.7212 20.7398 26.6998 20.6102V16H36.5248C37.0256 17.3888 38.348 18.4 39.8998 18.4C41.8738 18.4 43.4998 16.774 43.4998 14.8C43.4998 12.826 41.8738 11.2 39.8998 11.2C38.348 11.2 37.0256 12.2112 36.5248 13.6H26.6998V7.82268C26.6998 5.45361 27.0845 4.15937 27.5318 3.58284C27.9792 3.0063 28.5715 2.80002 29.8662 2.80002ZM12.2998 13.6C12.9524 13.6 13.4499 14.0906 13.4857 14.7321C13.4831 14.7781 13.4831 14.8243 13.4857 14.8703C13.4488 15.5106 12.9516 16 12.2998 16C11.6229 16 11.0998 15.477 11.0998 14.8C11.0998 14.1231 11.6229 13.6 12.2998 13.6ZM39.8998 13.6C40.5768 13.6 41.0998 14.1231 41.0998 14.8C41.0998 15.477 40.5768 16 39.8998 16C39.2472 16 38.7497 15.5095 38.7139 14.868C38.7165 14.8219 38.7165 14.7758 38.7139 14.7297C38.7508 14.0894 39.248 13.6 39.8998 13.6ZM33.8998 24.4C34.5768 24.4 35.0998 24.9231 35.0998 25.6C35.0998 26.2526 34.6092 26.7501 33.9678 26.786C33.9389 26.7841 33.91 26.7834 33.8811 26.7836C33.8639 26.784 33.8467 26.7848 33.8295 26.786C33.1892 26.749 32.6998 26.2518 32.6998 25.6C32.6998 24.9231 33.2229 24.4 33.8998 24.4ZM12.2998 25.6C12.9768 25.6 13.4998 26.1231 13.4998 26.8C13.4998 27.477 12.9768 28 12.2998 28C11.6472 28 11.1497 27.5095 11.1139 26.868C11.1165 26.8219 11.1165 26.7758 11.1139 26.7297C11.1508 26.0894 11.648 25.6 12.2998 25.6ZM35.0998 41.2C35.7768 41.2 36.2998 41.7231 36.2998 42.4C36.2998 43.077 35.7768 43.6 35.0998 43.6C34.4472 43.6 33.9497 43.1095 33.9139 42.468C33.9165 42.4219 33.9165 42.3758 33.9139 42.3297C33.9508 41.6894 34.448 41.2 35.0998 41.2ZM17.0318 41.2141C17.0779 41.2168 17.1241 41.2168 17.1701 41.2141C17.8104 41.251 18.2998 41.7482 18.2998 42.4C18.2998 43.077 17.7768 43.6 17.0998 43.6C16.4228 43.6 15.8998 43.077 15.8998 42.4C15.8998 41.7474 16.3904 41.2499 17.0318 41.2141Z" fill="white"/>
                 </svg>
@@ -33,7 +33,7 @@
       </div>
 
     <div class="row pt-5 mt-0 mt-sm-4 " style="position: fixed;bottom: 50px;left: 0;right: 0">
-      <div class="col-12 text-center pt-5 mt-3   pb-5 mb-2" >
+      <div class="col-12 text-center pt-5 mt-3   pb-2 mb-2" >
         <NuxtLink class="btn btn-warning px-2 "  @click.once="increment(25)"  to="/onboarding"></NuxtLink>
         <NuxtLink class="btn btn-warning px-2 mx-2"  @click.once="increment(50)" to="/onboarding/onboarding2"></NuxtLink>
         <NuxtLink class="btn btn-warning px-4 "  @click.once="increment(75)" to="/onboarding/onboarding3"></NuxtLink>
@@ -90,6 +90,9 @@ export default {
 </script>
 
 <style scoped>
+.creative-btn{
+
+}
 .bar{
   background-color: #e9c046;
 }
@@ -99,6 +102,13 @@ export default {
 .checklabel {
   color: #e9c046 !important;
   border: 1px solid #e9c046;
+  padding-top: 22px;
+}
+
+@media only screen and (max-width: 396px){
+  .checklabel {
+    padding-top: 18px;
+  }
 }
 .checkmark .checklabel  svg  path{
   /*background-color: white;*/
diff --git a/pages/onboarding/onboarding4.vue b/pages/onboarding/onboarding4.vue
index b8210ce..2b7d61f 100644
--- a/pages/onboarding/onboarding4.vue
+++ b/pages/onboarding/onboarding4.vue
@@ -56,7 +56,7 @@
       </div>
 
     <div class="row pt-5 mt-2 " style="position: fixed;bottom: 50px;left: 0;right: 0">
-      <div class="col-12 text-center pt-5 mt-3   pb-5 mb-2" >
+      <div class="col-12 text-center pt-5 mt-3   pb-2 mb-2" >
         <NuxtLink class="btn btn-warning px-2 "  @click.once="increment(25)" to="/onboarding"></NuxtLink>
         <NuxtLink class="btn btn-warning px-2 mx-2 "  @click.once="increment(50)" to="/onboarding/onboarding2"></NuxtLink>
         <NuxtLink class="btn btn-warning px-2 "  @click.once="increment(75)" to="/onboarding/onboarding3"></NuxtLink>