UI: move logout to top-right, hide header Admin link; add global 'Made by Ruslan' watermark with handwriting font; inject <title> from page name; move page overlay Admin button to top-right

This commit is contained in:
2025-09-03 15:25:52 +03:00
parent aa5cb82295
commit c87f4fb0d6
2 changed files with 32 additions and 3 deletions

View File

@@ -3,6 +3,9 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Pacifico&display=swap" rel="stylesheet">
<title>{{ title or 'Админка' }}</title>
<style>
:root {
@@ -34,7 +37,7 @@
header {
position: sticky; top: 0; z-index: 1000;
display: flex; align-items: center; justify-content: space-between;
padding: 14px 18px 14px 140px; margin: 0 0 18px 0;
padding: 14px 18px; margin: 0 0 18px 0;
background: linear-gradient(180deg, rgba(18,24,37,.85), rgba(18,24,37,.65));
backdrop-filter: saturate(1.2) blur(8px);
border: 1px solid rgba(255,255,255,.06);
@@ -42,7 +45,7 @@
box-shadow: 0 10px 30px rgba(0,0,0,.35);
}
header nav { position: absolute; top: 14px; left: 18px; }
header nav { position: absolute; top: 14px; right: 18px; }
.card {
background: var(--card);
@@ -83,6 +86,15 @@
tbody tr:hover { background: rgba(255,255,255,.02); }
nav a { margin-left: 10px; }
/* Hide global Admin button in header; use page overlay instead */
header nav a[href*="/admin"] { display: none !important; }
/* Replace garbled logout text with a visible label */
header nav form button.btn { position: relative; }
header nav form button.btn::after { content: 'Выйти'; }
.watermark { position: fixed; bottom: 14px; right: 16px; z-index: 1000;
font-family: 'Pacifico', cursive; font-size: 20px; color: rgba(255,255,255,.85);
text-shadow: 0 2px 8px rgba(0,0,0,.35); user-select: none; pointer-events: none; }
</style>
</head>
<body>
@@ -111,5 +123,6 @@
{% block content %}{% endblock %}
</div>
</div>
<div class="watermark">Made by Ruslan</div>
</body>
</html>