From 66ac28b468c423fbe5ff6ae64a27aa4298bca344 Mon Sep 17 00:00:00 2001
From: MoreStrive <minhnguyenyh2020@gmail.com>
Date: Fri, 31 May 2024 17:08:43 +0700
Subject: [PATCH] fix: scss

---
 .../dynamic-page/page-section/RecusiveSection.vue  | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/components/dynamic-page/page-section/RecusiveSection.vue b/components/dynamic-page/page-section/RecusiveSection.vue
index 8612858..2b5a040 100644
--- a/components/dynamic-page/page-section/RecusiveSection.vue
+++ b/components/dynamic-page/page-section/RecusiveSection.vue
@@ -3,7 +3,7 @@ import DynamicComponent from "~/components/dynamic-page/page-component/templates
 import DynamicSection from "~/components/dynamic-page/page-section/templates/index.vue";
 
 const props = defineProps<{
-  type: string;
+  type: string; 
   id: any;
 }>();
 
@@ -57,5 +57,13 @@ const findDataPosition = computed(() => {
 </template>
 
 <style lang="scss" scoped>
-
-</style>
+.collection-container {
+  &.vertical {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+  &.horizontal {
+    grid-template-rows: auto;
+    grid-auto-flow: column;
+  }
+}
+</style>
\ No newline at end of file