From 80a5aae4e670765ee66fc8b497b5c8268b96eda3 Mon Sep 17 00:00:00 2001
From: Duong Truong Phong <duongtrphong1211@gmail.com>
Date: Fri, 28 Jun 2024 16:14:06 +0700
Subject: [PATCH] phongdt:fix ui

---
 .../templates/articles/cards/Audio.vue             |  2 +-
 .../templates/articles/cards/Card.vue              |  2 +-
 .../templates/collections/articles/Audio.vue       | 14 +-------------
 .../templates/collections/articles/Default.vue     | 14 +-------------
 .../page-section/layouts/none/Default.vue          |  6 +++++-
 5 files changed, 9 insertions(+), 29 deletions(-)

diff --git a/components/dynamic-page/page-component/templates/articles/cards/Audio.vue b/components/dynamic-page/page-component/templates/articles/cards/Audio.vue
index 44b2104..03e351a 100644
--- a/components/dynamic-page/page-component/templates/articles/cards/Audio.vue
+++ b/components/dynamic-page/page-component/templates/articles/cards/Audio.vue
@@ -96,8 +96,8 @@ const drop = (e: any) => {
         <span v-else class="empty-block" style="height: 8px"></span>
       </nuxt-link>
     </div>
-    <div v-html="LAYOUT_PARSE.styleClasses"></div>
   </article>
+  <div v-html="LAYOUT_PARSE.styleClasses"></div>
 </template>
 
 <style lang="scss">
diff --git a/components/dynamic-page/page-component/templates/articles/cards/Card.vue b/components/dynamic-page/page-component/templates/articles/cards/Card.vue
index d541370..e54a480 100644
--- a/components/dynamic-page/page-component/templates/articles/cards/Card.vue
+++ b/components/dynamic-page/page-component/templates/articles/cards/Card.vue
@@ -116,8 +116,8 @@ const drop = (e: any) => {
         <nuxt-link :style="LAYOUT_PARSE['category-article']" :class="LAYOUT_PARSE['category-article_Class']">{{ parseData?.category?.title }}</nuxt-link>
       </div>
     </div>
-    <div v-html="LAYOUT_PARSE.styleClasses"></div>
   </article>
+  <div v-html="LAYOUT_PARSE.styleClasses"></div>
 </template>
 
 <style lang="scss" scoped>
diff --git a/components/dynamic-page/page-component/templates/collections/articles/Audio.vue b/components/dynamic-page/page-component/templates/collections/articles/Audio.vue
index 6d65de7..6ada6f7 100644
--- a/components/dynamic-page/page-component/templates/collections/articles/Audio.vue
+++ b/components/dynamic-page/page-component/templates/collections/articles/Audio.vue
@@ -59,8 +59,8 @@ const mapActivesToItems = (index: number) => {
       :component="COMPONENT"
       @drop-data="dropData"
     />
-    <div v-html="LAYOUT_PARSE.styleClasses"></div>
   </div>
+  <div v-html="LAYOUT_PARSE.styleClasses"></div>
 </template>
 
 <style lang="scss" scoped>
@@ -79,18 +79,6 @@ const mapActivesToItems = (index: number) => {
   &.border-custom {
     border-color: #e5e5e5 !important;
   }
-  &.borderLeft {
-    border-left: 1px solid;
-  }
-  &.borderRight {
-    border-right: 1px solid;
-  }
-  &.borderTop {
-    border-top: 1px solid;
-  }
-  &.borderBottom {
-    border-bottom: 1px solid;
-  }
   .empty {
     min-height: 100px;
     border-radius: 6px;
diff --git a/components/dynamic-page/page-component/templates/collections/articles/Default.vue b/components/dynamic-page/page-component/templates/collections/articles/Default.vue
index 58aa7e9..0718e31 100644
--- a/components/dynamic-page/page-component/templates/collections/articles/Default.vue
+++ b/components/dynamic-page/page-component/templates/collections/articles/Default.vue
@@ -59,8 +59,8 @@ const mapActivesToItems = (index: number) => {
       :component="COMPONENT"
       @drop-data="dropData"
     />
-    <div v-html="LAYOUT_PARSE.styleClasses"></div>
   </div>
+  <div v-html="LAYOUT_PARSE.styleClasses"></div>
 </template>
 
 <style lang="scss" scoped>
@@ -79,18 +79,6 @@ const mapActivesToItems = (index: number) => {
   &.border-custom {
     border-color: #e5e5e5 !important;
   }
-  &.borderLeft {
-    border-left: 1px solid;
-  }
-  &.borderRight {
-    border-right: 1px solid;
-  }
-  &.borderTop {
-    border-top: 1px solid;
-  }
-  &.borderBottom {
-    border-bottom: 1px solid;
-  }
   .empty {
     min-height: 100px;
     border-radius: 6px;
diff --git a/components/dynamic-page/page-section/layouts/none/Default.vue b/components/dynamic-page/page-section/layouts/none/Default.vue
index 70aea18..3c7c18b 100644
--- a/components/dynamic-page/page-section/layouts/none/Default.vue
+++ b/components/dynamic-page/page-section/layouts/none/Default.vue
@@ -208,9 +208,13 @@ const mapActivesToItems = (index: number) => {
 </template>
 
 <style lang="scss" scoped>
+.border-pri {
+  &.section_layout {
+    gap: 5px;
+  }
+}
 .section_layout {
   display: grid;
-  gap: 5px; 
   &.smartphone_layout {
     grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
   }
-- 
2.52.0