From 83bd57bcb2f69c41eea0196a87d36c576fdca6a1 Mon Sep 17 00:00:00 2001
From: abhisheks <abhisheks@consultbop.com>
Date: Fri, 15 Dec 2023 19:11:25 +0530
Subject: [PATCH] refactor: update hero styles

---
 assets/css/theme.css                                   | 8 ++++++++
 modules/ps_imageslider/views/templates/hook/slider.tpl | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/assets/css/theme.css b/assets/css/theme.css
index cff6980..7ae301c 100644
--- a/assets/css/theme.css
+++ b/assets/css/theme.css
@@ -1628,6 +1628,10 @@ select {
   text-decoration-line: line-through;
 }
 
+.no-underline {
+  text-decoration-line: none;
+}
+
 .underline-offset-2 {
   text-underline-offset: 2px;
 }
@@ -1870,6 +1874,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     left: 50%;
   }
 
+  .md\:mb-4 {
+    margin-bottom: 1rem;
+  }
+
   .md\:block {
     display: block;
   }
diff --git a/modules/ps_imageslider/views/templates/hook/slider.tpl b/modules/ps_imageslider/views/templates/hook/slider.tpl
index ff24ede..8a07c99 100644
--- a/modules/ps_imageslider/views/templates/hook/slider.tpl
+++ b/modules/ps_imageslider/views/templates/hook/slider.tpl
@@ -33,7 +33,7 @@
               <img class="w-full h-full object-contain md:object-cover" src="{$slide.image_url}" alt="{$slide.legend|escape}">
               {if $slide.title || $slide.description}
                 <figcaption class="caption absolute left-1/2 md:left-1/2 bottom-0 top-0 right-1/5 flex flex-col justify-center">
-                  <h2 class="max-sm:max-w-full text-lg md:text-3xl lg:text-4xl xl:text-6xl font-bold mb-4">{$slide.title}</h2>
+                  <h2 class="max-sm:max-w-full max-sm-pr-2 text-lg md:text-3xl lg:text-4xl xl:text-6xl font-bold mb-2 md:mb-4">{$slide.title}</h2>
                   <div class="text-sm md:text-base font-medium">{$slide.description nofilter}</div>
                 </figcaption>
               {/if}