Update flash messages to appear in pills, resolving Style the login page system messages #19

pull/30/head
Facinorous 2 years ago
parent 6c8ca24a5b
commit d8f960f6ee

@ -4,18 +4,14 @@
<div class="flex flex-col lg:gap-8 gap-3 "> <div class="flex flex-col lg:gap-8 gap-3 ">
<% if(success_alert_message !='' ){ %> <% if(success_alert_message !='' ){ %>
<div class="flex-1 bg-tertiary p-6 rounded-md"> <div class="p-2 mb-4 text-sm text-green-600 bg-green-100 rounded-lg dark:bg-green-200 dark:text-green-800" role="alert">
<p class="text-green-600 pb-2 text-center"> <span class="font-medium">Success!</span> <%= success_alert_message %>.
<%= success_alert_message %>
</p>
</div> </div>
<% } %> <% } %>
<% if(error_message !='' ){ %> <% if(error_message !='' ){ %>
<div class="flex-1 bg-tertiary p-6 rounded-md"> <div class="p-2 mb-4 text-sm text-red-600 bg-red-100 rounded-lg dark:bg-red-200 dark:text-red-800" role="alert">
<p class="text-red-600 pb-2 text-center"> <span class="font-medium">Error!</span> <%= error_message %>.
<%= error_message %>
</p>
</div> </div>
<% } %> <% } %>

@ -10,15 +10,15 @@
</p> </p>
<% if(success_alert_message !='' ){ %> <% if(success_alert_message !='' ){ %>
<p class="text-green-600 pb-2 text-center"> <div class="p-2 mb-4 text-sm text-green-600 bg-green-100 rounded-lg dark:bg-green-200 dark:text-green-800" role="alert">
<%= success_alert_message %> <span class="font-medium">Success!</span> <%= success_alert_message %>.
</p> </div>
<% } %> <% } %>
<% if(error_message !='' ){ %> <% if(error_message !='' ){ %>
<p class="text-red-600 pb-2 text-center"> <div class="p-2 mb-4 text-sm text-red-600 bg-red-100 rounded-lg dark:bg-red-200 dark:text-red-800" role="alert">
<%= error_message %> <span class="font-medium">Error!</span> <%= error_message %>.
</p> </div>
<% } %> <% } %>
<form class="flex flex-col" method="post" action="/auth/login"> <form class="flex flex-col" method="post" action="/auth/login">

@ -10,15 +10,15 @@
</p> </p>
<% if(success_alert_message !='' ){ %> <% if(success_alert_message !='' ){ %>
<p class="text-green-600 pb-2 text-center"> <div class="p-2 mb-4 text-sm text-green-600 bg-green-100 rounded-lg dark:bg-green-200 dark:text-green-800" role="alert">
<%= success_alert_message %> <span class="font-medium">Success!</span> <%= success_alert_message %>.
</p> </div>
<% } %> <% } %>
<% if(error_message !='' ){ %> <% if(error_message !='' ){ %>
<p class="text-red-600 pb-2 text-center"> <div class="p-2 mb-4 text-sm text-red-600 bg-red-100 rounded-lg dark:bg-red-200 dark:text-red-800" role="alert">
<%= error_message %> <span class="font-medium">Error!</span> <%= error_message %>.
</p> </div>
<% } %> <% } %>
<form class="flex flex-col" method="post" action="/auth/register"> <form class="flex flex-col" method="post" action="/auth/register">

Loading…
Cancel
Save