From cfb0592ce370ba178a36fe056f3beeca293a8316 Mon Sep 17 00:00:00 2001
From: Duong Truong Phong <duongtrphong1211@gmail.com>
Date: Fri, 31 May 2024 16:59:14 +0700
Subject: [PATCH] phongdt:fix collection

---
 .../articles/collections/BasicCollection.vue          |  2 +-
 .../dynamic-page/page-section/RecusiveSection.vue     | 11 +----------
 2 files changed, 2 insertions(+), 11 deletions(-)

diff --git a/components/dynamic-page/page-component/templates/articles/collections/BasicCollection.vue b/components/dynamic-page/page-component/templates/articles/collections/BasicCollection.vue
index de7479f..db96b93 100644
--- a/components/dynamic-page/page-component/templates/articles/collections/BasicCollection.vue
+++ b/components/dynamic-page/page-component/templates/articles/collections/BasicCollection.vue
@@ -38,7 +38,7 @@ const _dataResult = computed(() => {
 <template>
   <div>
     <div class="collection-container grid gap-5" :class="LAYOUT_PARSE['LAYOUT'] || 'horizontal'"
-    :style="`grid-template-columns: repeat(${Number(LAYOUT_PARSE['COLUMN'])}}, minmax(0, 1fr))`">
+    :style="`grid-template-columns: repeat(${LAYOUT_PARSE['COLUMN']}, minmax(0, 1fr))`">
       <div v-for="(component, index) in _dataResult" :key="index">
         <template v-if="!isEmpty(component)">
           <DynamicComponent
diff --git a/components/dynamic-page/page-section/RecusiveSection.vue b/components/dynamic-page/page-section/RecusiveSection.vue
index b9c9717..8612858 100644
--- a/components/dynamic-page/page-section/RecusiveSection.vue
+++ b/components/dynamic-page/page-section/RecusiveSection.vue
@@ -44,7 +44,6 @@ const findDataPosition = computed(() => {
         :settings="findDataPosition.settings" 
         :component="findDataPosition"
       />
-      <div v-else class="empty"></div>
     </template>
     <template v-else-if="props.type === defineTypeRecusive.SECTION">
       <DynamicSection 
@@ -53,18 +52,10 @@ const findDataPosition = computed(() => {
         :content="findDataPosition.content ? JSON.parse(findDataPosition.content) : null" 
         :section="findDataPosition"
        />
-      <div v-else class="empty"></div>
-    </template>
-    <template v-else>
-      <div class="empty"></div>
     </template>
   </div>
 </template>
 
 <style lang="scss" scoped>
-.empty {
-  min-height: 100px;
-  border-radius: 6px;
-  background: #409eff;
-}
+
 </style>