ab/web-petting
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Reworked admin style
Build and Publish / Build and Publish Docker Image (push) Successful in 1m42s
Details

Browse Source
This commit is contained in:
Aleksandr Bogomiakov
2026-08-09 03:19:47 +01:00
parent cec96cab1e
commit 79c287eaa0
18 changed files with 985 additions and 749 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/admin/login.html
+10 -20
View File
@@ -6,31 +6,21 @@
<title>{{ t.nav_title }} — {{ t.login_title }}</title>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@1/css/bulma.min.css">
<link rel="stylesheet" href="/static/admin.css?v={{ t.app_version() }}">
{% if !turnstile_site_key.is_empty() %}
<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
{% endif %}
<style>
:root { color-scheme: light; }
body { background: #f5f5f5; display: flex; align-items: center; justify-content: center; min-height: 100vh; color: #333; }
.login-box { width: 100%; max-width: 380px; padding: 0 1rem; }
.login-card { background: #fff; border-radius: 12px; padding: 2rem 1.5rem; box-shadow: 0 2px 12px rgba(0,0,0,0.06); }
input, textarea, select, .input, .textarea, .select select {
background-color: #fff !important; color: #333 !important; border-color: #dbdbdb !important;
}
.label, label { color: #363636 !important; }
.notification { color: #333 !important; }
</style>
</head>
<body>
<body class="auth-shell">
<div class="login-box">
<div class="has-text-right mb-3">
<a href="?lang={{ lang.other().code() }}" class="has-text-grey is-size-7">{{ lang.other().label() }}</a>
<div class="auth-language">
<a href="?lang={{ lang.other().code() }}">{{ lang.other().label() }}</a>
</div>
<div class="login-card">
<div class="has-text-centered mb-4">
<p class="is-size-3">🐾</p>
<h1 class="is-size-4 has-text-weight-bold">{{ t.nav_title }}</h1>
<p class="has-text-grey">{{ t.login_title }}</p>
<div class="auth-head">
<span class="auth-icon">🐾</span>
<h1>{{ t.nav_title }}</h1>
<p>{{ t.login_title }}</p>
</div>
{% if let Some(err) = error.as_ref() %}
<div class="notification is-danger is-light">{{ err }}</div>
@@ -39,7 +29,7 @@
<a href="/admin/oidc/start" class="button is-primary is-fullwidth mt-3">{{ t.login_sso_button }}</a>
{% endif %}
{% if auth_password_enabled %}
{% if auth_sso_enabled %}<hr style="margin:1rem 0;">{% endif %}
{% if auth_sso_enabled %}<hr class="auth-divider">{% endif %}
<form method="post" action="/admin/login/submit">
<div class="field">
<label class="label">{{ t.users_login }}</label>
@@ -50,7 +40,7 @@
<div class="control"><input class="input" type="password" name="password" required></div>
</div>
{% if !turnstile_site_key.is_empty() %}
<div class="cf-turnstile" data-sitekey="{{ turnstile_site_key }}" data-theme="light" style="margin-top:0.75rem;"></div>
<div class="cf-turnstile turnstile-wrap" data-sitekey="{{ turnstile_site_key }}" data-theme="light"></div>
{% endif %}
<button type="submit" class="button is-primary is-fullwidth mt-3">{{ t.login_button }}</button>
</form>