Update login/logout design

This commit is contained in:
Booteille 2024-12-05 16:37:25 +01:00
parent 2b729abc0e
commit 56cbad43de
No known key found for this signature in database
GPG Key ID: 0AB6C6CA01272646
2 changed files with 41 additions and 25 deletions

View File

@ -1,24 +1,32 @@
<section class="section login-section"> <div class="box">
% if (defined stash('msg')) { % if (defined stash('msg')) {
<section class="messages-zone"> <div class="message is-error">
<div class="message-card error"> <div class="message-body">
<%= stash('msg') %> <%= stash('msg') %>
</div> </div>
</section> </div>
% } % }
<form class="login-form" method="post" action="<%= url_for('login') %>"> <div class="container is-half">
<div class="input-text login"> <form class="field is-half" method="post" action="<%= url_for('login') %>">
<label for="login"><%= l('Login') %></label> <div class="field is-narrow">
<input type="text" id="login" name="login" autofocus required> <label class="label" for="login"><%= l('Login') %></label>
<div class="control is-narrow">
<input class="input is-narrow" type="text" id="login" name="login" autofocus required>
</div> </div>
<div class="input-text input-password"> </div>
<label for="password"><%= l('Password') %></label> <div class="field">
<input type="password" id="password" name="password" required> <label class="label" for="password"><%= l('Password') %></label>
<input class="input" type="password" id="password" name="password" required>
</div> </div>
%= csrf_field %= csrf_field
<input name="redirect" value="<%= stash('redirect') %>" type="hidden"> <input name="redirect" value="<%= stash('redirect') %>" type="hidden">
<button class="button" type="submit" name="action"><%= l('Signin') %></button> <div class="field has-text-centered">
<div class="control">
<button class="button is-primary" type="submit" name="action"><%= l('Signin') %></button>
</div>
</div>
</form> </form>
</section> </div>
</div>

View File

@ -1,11 +1,19 @@
<div class="box">
<section class="logout-section">
% if (defined stash('msg')) { % if (defined stash('msg')) {
<article class="message-card error"><%= stash('msg') %></article> <div class="message is-error">
<div class="message-body">
<%= stash('msg') %>
</div>
</div>
% } else { % } else {
<article class="info"> <div class="message is-error">
<div class="message-body">
<p><%= l('You have been successfully logged out.') %></p> <p><%= l('You have been successfully logged out.') %></p>
<a class="button" href="<%= url_for('login') %>"><%= l('Signin') %></a> </div>
</article> </div>
<div class="has-text-centered">
<a class="button is-primary" href="<%= url_for('login') %>"><%= l('Signin') %></a>
</div>
% } % }
</section> </div>