thainv: ghép navigation

components/dynamic-page/page-section/layouts/Default.vue

@@ -141,7 +141,7 @@ const CLASS_FOR_SECTION = computed(() => {
 </script>
 
 <template>
-    <div class="section_layout grid  sm:gap-x-5 sm:gap-y-2.5 gap-[10px] lg:grid-cols-2" :class="[CLASS_FOR_SECTION.section_layout]">
+    <div class="section_layout grid  gap-[16px] lg:grid-cols-2" :class="[CLASS_FOR_SECTION.section_layout]">
       <div
         v-for="(position, index) in props.content || Array(SETTING_OPTIONS.MAX_ELEMENT).fill({})"
         :key="index"
@@ -156,15 +156,7 @@ const CLASS_FOR_SECTION = computed(() => {
 <style lang="scss">
 .section_layout {
   &.basic_column {
-    grid-template-columns: repeat(1, minmax(0, 1fr));
-
-    // & > div:first-child {
-    //   .basic-article {
-    //      h3 {
-    //       @apply text-24px;
-    //      }
-    //   }
-    // }
+    @apply grid-cols-1;
   }
 
   &.two_col_layout {
@@ -172,7 +164,7 @@ const CLASS_FOR_SECTION = computed(() => {
   }
 
   &.three_col_layout {
-    @apply lg:grid-cols-3 grid-cols-1;
+    @apply md:grid-cols-3 grid-cols-1;
     // grid-template-columns: repeat(3, minmax(0, 1fr));
   }
   &.four_col_layout {

components/dynamic-page/page-section/layouts/index.vue

@@ -30,6 +30,7 @@ const definedDynamicSection: Record<string, any> = {
 };
 
 const getCurrentSection = computed(() => _props?.layout || "");
+
 const GET_PROPS = computed(() => {
   return () => {
     let props: any = {};