publication v-1

components/home-page/About-us.vue

@@ -10,11 +10,11 @@
         >
           درباره ما
         </h2>
-        <p
-          class="about text-[#383E43] max-w-[766px] text-[3.59vw] md:text-[1.335vw] mt-[4vw] md:mt-[1.354vw] mb-[6vw] md:mb-0 leading-[7.179vw] md:leading-[2.865vw]"
+        <div
+        v-html="info.data.value.about"
+          class="about text-[#383E43] max-w-[766px] text-[3.59vw] md:text-[16px] mt-[4vw] md:mt-[1.354vw] mb-[6vw] md:mb-0 leading-[7.179vw] font-light md:leading-[1.865vw]"
         >
-  
-        </p>
+      </div>
       </div>
 
       <div class="relative basis-1/1 md:basis-1/2">
@@ -29,9 +29,7 @@
 </template>
 <script setup>
 const info = await useFetch('/api/settings')
-if (process.client) {
-  document.querySelector('.about').innerHTML = info.data.value.about  
-}
+
 </script>
 
 <style>

components/home-page/Suggested-courses.vue

@@ -3,7 +3,7 @@
       <div
         class="courses"
       >
-      <div class="category">
+      <div class="hidden md:block category">
         <h3
           class="font-semibold text-[#383E43] text-[5.11vw] md:text-[1.69vw] mt-[4.103vw] md:mt-[3.49vw] ms-0 md:ms-[1.563vw]"
         >
@@ -21,7 +21,7 @@
       </div>
         <!-- <home-page-courses-sectionCategories /> -->
         <div
-        class="suggestions px-[1vw] md:px-[1.042vw] mt-[12vw] md:mt-[3.2vw] md:bg-white rounded-[0.781vw] flex flex-col gap-[0.417vw] pb-[1.667vw]"
+        class="suggestions px-[1vw] md:px-[1.042vw] mt-[8vw] md:mt-[3.2vw] md:bg-white rounded-[0.781vw] flex flex-col gap-[0.417vw] pb-[1.667vw]"
       >
         <h5
           class="border-b pb-[1.5vw] text-[4.544vw] mt-[1.5vw] md:mt-[1.6vw] md:text-[1.481vw] text-[#383E43] font-bold"