Make tailwindcss styled flash messages consistent

digitallyinduced · Jan 2, 2021 · d169f9f · d169f9f
1 parent 3eef3cd
commit d169f9f
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/IHP/View/CSSFramework.hs b/IHP/View/CSSFramework.hs
@@ -166,7 +166,7 @@ bootstrap = def { styledFlashMessage, styledSubmitButtonClass, styledFormGroupCl
 tailwind :: CSSFramework
 tailwind = def { styledFlashMessage, styledSubmitButtonClass, styledFormGroupClass, styledFormFieldHelp, styledInputClass, styledInputInvalidClass, styledValidationResultClass }
     where
-        styledFlashMessage _ (SuccessFlashMessage message) = [hsx|<div class="bg-teal-100 border-t-4 border-teal-500 rounded-b text-teal-900 px-4 py-3 shadow-md">{message}</div>|]
+        styledFlashMessage _ (SuccessFlashMessage message) = [hsx|<div class="bg-green-100 border border-green-500 text-green-900 px-4 py-3 rounded relative">{message}</div>|]
         styledFlashMessage _ (ErrorFlashMessage message) = [hsx|<div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded relative">{message}</div>|]
 
         styledInputClass FormField {} = "form-control"
@@ -179,4 +179,4 @@ tailwind = def { styledFlashMessage, styledSubmitButtonClass, styledFormGroupCla
 
         styledFormGroupClass = "flex flex-wrap -mx-3 mb-6"
 
-        styledValidationResultClass = "text-red-500 text-xs italic"
+        styledValidationResultClass = "text-red-500 text-xs italic"