From 8fbbbf266d9941c66ed25b78ba0783126d5c7b34 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Thu, 30 May 2024 02:00:38 +0300
Subject: [PATCH] Fixed templates text visuals

---
 assets/styles/layout/landing/_templates.scss | 3 ++-
 components/landing/TemplateSection.vue       | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/assets/styles/layout/landing/_templates.scss b/assets/styles/layout/landing/_templates.scss
index 44a8b09a7..2bce19e2d 100644
--- a/assets/styles/layout/landing/_templates.scss
+++ b/assets/styles/layout/landing/_templates.scss
@@ -92,7 +92,8 @@
                 border-bottom: 4px solid var(--border-color);
             }
 
-            &.border-none {
+            &.block-middle {
+                border: 0 none;
                 box-shadow: none;
 
                 &:before {
diff --git a/components/landing/TemplateSection.vue b/components/landing/TemplateSection.vue
index b70cb9205..aa85bdadd 100644
--- a/components/landing/TemplateSection.vue
+++ b/components/landing/TemplateSection.vue
@@ -21,7 +21,7 @@
                 <div class="template-block block-3 mr-2 lg:mb-0 flex justify-center items-center" :style="{ backgroundImage: imageBg('atlantis') }">
                     <a class="templates-btn" target="_blank" href="https://atlantis.primevue.org/">Atlantis Preview</a>
                 </div>
-                <div class="template-block block-middle border-0 box-shadow-none mr-2 hidden lg:flex justify-center items-center flex-col">
+                <div class="template-block block-middle mr-2 hidden lg:flex justify-center items-center flex-col">
                     <img class="img-1" :src="templateImg()" height="110" />
                 </div>
                 <div class="template-block block-4 ml-2 flex justify-center items-center" :style="{ backgroundImage: imageBg('apollo') }">