From b4aa3e45d182d8948d0cff05bf05da798bc83ffe Mon Sep 17 00:00:00 2001
From: nguyen van thai <nguyenvanthailtv@gmail.com>
Date: Thu, 18 Jul 2024 17:11:42 +0700
Subject: [PATCH] thainv-dev: Fix emagazine

---
 assets/styles/style.scss                                 | 5 +++++
 .../templates/articles/details/Emagazine.vue             | 9 +--------
 2 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/assets/styles/style.scss b/assets/styles/style.scss
index 8cee48d..ad4ee7a 100644
--- a/assets/styles/style.scss
+++ b/assets/styles/style.scss
@@ -208,6 +208,11 @@ div[layout="ARTICLE_PAGE"] {
     }
 }
 
+.emagazine {
+    h1,h2,h3,h4,h5,h6,span,em {
+        @apply w-full max-w-660px mx-auto;
+    }
+}
 .detail-default {
     p {
         @apply  text-18px font-raleway leading-180% my-10px;
diff --git a/components/dynamic-page/page-component/templates/articles/details/Emagazine.vue b/components/dynamic-page/page-component/templates/articles/details/Emagazine.vue
index 32f5994..7c3c387 100644
--- a/components/dynamic-page/page-component/templates/articles/details/Emagazine.vue
+++ b/components/dynamic-page/page-component/templates/articles/details/Emagazine.vue
@@ -12,15 +12,8 @@ console.log(currentArticle.value, 'currentArticle')
 </script>
 <template>
   <div  class="overflow-hidden emagazine">
-  <!-- bổ sung sau -->
-    <!-- <img :src="currentArticle.thumbnail" alt="" class="w-full object-cover">
-
-    <div class="px-44px pb-30px my-30px max-w-660px mx-auto border-b-1px border-#000">
-    
-    </div> -->
-
     <h2 class="font-gelasio text-center text-44px font-bold leading-130%" v-if="currentArticle?.title" v-html="currentArticle?.title"></h2>
-    <div v-html="currentArticle.detail"></div>
+    <div class="article-detail" v-html="currentArticle.detail"></div>
   </div>
 </template>