From 0a1add6881a0e29ef99009715dd2e91dc9e384ac Mon Sep 17 00:00:00 2001
From: abhisheks <abhisheks@consultbop.com>
Date: Wed, 20 Dec 2023 12:12:27 +0530
Subject: [PATCH] refactor: update reset password page styles

---
 assets/css/theme.css                  | 15 +++++++++++++++
 templates/customer/password-email.tpl | 11 ++---------
 templates/customer/password-infos.tpl |  3 +--
 3 files changed, 18 insertions(+), 11 deletions(-)

diff --git a/assets/css/theme.css b/assets/css/theme.css
index 2c42d0e..1fc5517 100644
--- a/assets/css/theme.css
+++ b/assets/css/theme.css
@@ -1656,6 +1656,21 @@ select {
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
+.text-red-800 {
+  --tw-text-opacity: 1;
+  color: rgb(153 27 27 / var(--tw-text-opacity));
+}
+
+.text-red-700 {
+  --tw-text-opacity: 1;
+  color: rgb(185 28 28 / var(--tw-text-opacity));
+}
+
+.text-red-600 {
+  --tw-text-opacity: 1;
+  color: rgb(220 38 38 / var(--tw-text-opacity));
+}
+
 .underline {
   text-decoration-line: underline;
 }
diff --git a/templates/customer/password-email.tpl b/templates/customer/password-email.tpl
index f1a6ef6..0556dc0 100644
--- a/templates/customer/password-email.tpl
+++ b/templates/customer/password-email.tpl
@@ -30,16 +30,9 @@
 {block name='page_content'}
   <form action="{$urls.pages.password}" class="forgotten-password w-3/4 md:w-1/2 lg:w-1/4 mx-auto" method="post">
 
-    <ul class="ps-alert-error">
+    <ul class="ps-alert-error mb-4 flex flex-col gap-1">
       {foreach $errors as $error}
-        <li class="item">
-          <i>
-            <svg viewBox="0 0 24 24">
-              <path fill="#fff" d="M11,15H13V17H11V15M11,7H13V13H11V7M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20Z"></path>
-            </svg>
-          </i>
-          <p>{$error}</p>
-        </li>
+          <p class="md:text-lg text-center font-medium text-red-600">{$error}</p>
       {/foreach}
     </ul>
 
diff --git a/templates/customer/password-infos.tpl b/templates/customer/password-infos.tpl
index 00f0033..b02598b 100644
--- a/templates/customer/password-infos.tpl
+++ b/templates/customer/password-infos.tpl
@@ -29,9 +29,8 @@
 
 {block name='page_content'}
 <div class="w-full flex flex-col gap-4 items-center justify-center">
-  <ul class="ps-alert-success w-3/4 mx-auto">
+  <ul class="ps-alert-success flex flex-col gap-1 w-3/4 mx-auto">
     {foreach $successes as $success}
-      <li class="item">
       <p class="md:text-lg text-center">{$success}</p>
     {/foreach}
   </ul>