Move logged-in info to top of page.

This commit is contained in:
Sage Vaillancourt 2022-09-30 00:50:19 -04:00
parent bf9ea51021
commit dbd5ebc798
3 changed files with 15 additions and 8 deletions

View File

@ -182,6 +182,7 @@ div.user form input {
flex-direction: row; flex-direction: row;
justify-content: end; justify-content: end;
align-items: center; align-items: center;
font-size: 90%;
} }
dl { dl {
@ -336,4 +337,9 @@ textarea {
.login-button { .login-button {
padding: 0; padding: 0;
} }
.logged-in {
position: absolute;
top: 0.5em;
right: 1em;
}
} }

View File

@ -10,6 +10,14 @@
</head> </head>
<body> <body>
{% if username %}
<div class="user logged-in">
<p style="margin: 0 1em 0 0;">{{ username }}</p>
<form action="/logout">
<input class="black-white-button" style="margin: 0; padding: 0.4em;" type="submit" value="Logout">
</form>
</div>
{% endif %}
<a href="/" style="text-decoration: none;"> <a href="/" style="text-decoration: none;">
<h1><span class="logo left">Under</span><span class="logo right">Cover</span></h1> <h1><span class="logo left">Under</span><span class="logo right">Cover</span></h1>
</a> </a>

View File

@ -38,14 +38,7 @@
{% endblock head %} {% endblock head %}
{% block content %} {% block content %}
{% if username %} {% if not username %}
<div class="user logged-in">
<p style="margin: 0 1em 0 0;">{{ username }}</p>
<form action="/logout">
<input class="black-white-button" style="margin: 0; padding: 0.4em;" type="submit" value="Logout">
</form>
</div>
{% else %}
<div class="user logged-out"> <div class="user logged-out">
<p>You are working as a <strong>Guest</strong>.</p> <p>You are working as a <strong>Guest</strong>.</p>
<form action="/login" method="post"> <form action="/login" method="post">