39 lines
1.6 KiB
HTML
39 lines
1.6 KiB
HTML
|
{% extends "base.html" %}
|
||
|
|
{% block title %}Prijava — Idriz Admin{% endblock %}
|
||
|
|
{% block extra_css %}
|
||
|
|
.layout { display: block; }
|
||
|
|
.sidebar { display: none; }
|
||
|
|
.main { max-width: none; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; }
|
||
|
|
.main .flash { width: 340px; }
|
||
|
|
.login-box {
|
||
|
|
background: var(--panel); border: 1px solid var(--line); border-radius: 12px;
|
||
|
|
padding: 32px; width: 340px; box-shadow: 0 6px 24px rgba(0,0,0,.06);
|
||
|
|
}
|
||
|
|
.login-box h1 { font-size: 20px; margin: 0 0 4px; }
|
||
|
|
.login-box .sub { margin-bottom: 22px; }
|
||
|
|
label { display: block; font-size: 13px; color: var(--muted); margin-bottom: 6px; }
|
||
|
|
input {
|
||
|
|
width: 100%; padding: 10px 12px; font-size: 15px; margin-bottom: 16px;
|
||
|
|
border: 1px solid var(--line); border-radius: 8px; background: #fff; color: var(--ink);
|
||
|
|
}
|
||
|
|
input:focus { outline: none; border-color: var(--accent); }
|
||
|
|
button {
|
||
|
|
width: 100%; padding: 11px; font-size: 15px; font-weight: 600; color: #fff;
|
||
|
|
background: var(--accent); border: none; border-radius: 8px; cursor: pointer;
|
||
|
|
}
|
||
|
|
button:hover { filter: brightness(1.05); }
|
||
|
|
{% endblock %}
|
||
|
|
{% block content %}
|
||
|
|
<div class="login-box">
|
||
|
|
<h1>Idriz Admin</h1>
|
||
|
|
<p class="sub">Prijavi se sa sistemskim korisnikom.</p>
|
||
|
|
<form method="post">
|
||
|
|
<label for="username">Korisničko ime</label>
|
||
|
|
<input id="username" name="username" autofocus autocomplete="username" value="idriz">
|
||
|
|
<label for="password">Lozinka</label>
|
||
|
|
<input id="password" name="password" type="password" autocomplete="current-password">
|
||
|
|
<button type="submit">Prijava</button>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
{% endblock %}
|