Move logged-in info to top of page.
This commit is contained in:
parent
bf9ea51021
commit
dbd5ebc798
|
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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">
|
||||||
|
|
Loading…
Reference in New Issue