Oprava rozložení hlavičky – nadpis na středu, tlačítko Archiv vpravo

This commit is contained in:
archos 2025-02-08 20:43:55 +01:00
parent 634b3ada56
commit 4f04cc0b1c
2 changed files with 37 additions and 13 deletions

View File

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="cs">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Přehled Financí Komunity</title> <title>Přehled Financí Komunity</title>
@ -13,19 +13,24 @@
<body> <body>
<div class="d-flex flex-column min-vh-100"> <div class="d-flex flex-column min-vh-100">
<header class="text-center mb-3"> <header class="text-center mb-3">
<h1>Přehled Financí Komunity</h1> <div class="d-flex justify-content-between align-items-center">
<p>Tento projekt poskytuje transparentní přehled transakcí na našem <a href="https://transparentniucty.moneta.cz/264043266" target="_blank">transparentním účtu</a>.</p> <h1 class="flex-grow-1 text-center">Přehled Financí Komunity</h1>
<p><strong>Přehled faktur:</strong> Přístup k vystaveným fakturám naleznete v našem <a href="https://oscloud.cz/s/PxkK2LXCzGeGfPS" target="_blank">Nextcloud úložišti</a>.</p> <div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton">
Archiv
</button>
<div class="dropdown-menu">
<a class="dropdown-item" href="2024.html" target="_blank">2024</a>
</div>
</div>
</div>
<p>Tento projekt poskytuje transparentní přehled transakcí na našem
<a href="https://transparentniucty.moneta.cz/264043266" target="_blank">transparentním účtu</a>.</p>
<p><strong>Přehled faktur:</strong> Přístup k vystaveným fakturám naleznete v našem
<a href="https://oscloud.cz/s/PxkK2LXCzGeGfPS" target="_blank">Nextcloud úložišti</a>.</p>
</header> </header>
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton"> <div class="account-balance text-center mb-3">
Archiv
</button>
<div class="dropdown-menu">
<a class="dropdown-item" href="2024.html" target="_blank">2024</a>
</div>
</div>
<div class="account-balance text-center mb-3">
Aktuální stav účtu: <span id="account-balance">Načítání...</span> Aktuální stav účtu: <span id="account-balance">Načítání...</span>
</div> </div>

View File

@ -31,3 +31,22 @@ footer {
a[rel="me"] { a[rel="me"] {
display: none; display: none;
} }
.dropdown {
display: flex;
justify-content: flex-end; /* Posune tlačítko doprava */
margin-right: 20px; /* Přidá trochu prostoru od kraje */
}
header .d-flex {
display: flex;
justify-content: space-between;
align-items: center;
}
header h1 {
flex-grow: 1;
text-align: center;
}
.dropdown {
margin-right: 20px;
}