chore: prepare for template hierarchy

This commit is contained in:
eneller
2025-03-24 11:35:41 +01:00
parent 24c986cbe9
commit 41eabd6026
3 changed files with 18 additions and 14 deletions

View File

@@ -27,14 +27,18 @@ h1,h2,h3{
header{
text-align: center;
justify-content: center;
margin-bottom: 4%;
}
small{
color: var(--fg-deemph);
}
.searchbar{
.search-bar{
width: 100%;
}
.search-container{
text-align: center;
justify-content: center;
margin-bottom: 4%;
}
#searchInput {
background-color: var(--bg);
width: 100%;

View File

@@ -17,24 +17,24 @@
</head>
<body>
<header>
<div>
<h1><a href="{{ http_host }}">{{ title }}</a></h1>
<h2>1 Click Download für Literatur</h2>
</div>
<search>
<form onsubmit="submitSearch(event)" class="searchbar">
<input type="search" id="searchInput" placeholder="Suche nach Titel" minlength="3">
</form>
</search>
<small>Im Moment finden sich hier <a href="{{ allbooks_url }}">{{ book_count }} Bücher.</a> </small>
</header>
<main>
<div class="search-container">
<search>
<form onsubmit="submitSearch(event)" class="search-bar">
<input type="search" id="searchInput" placeholder="Suche nach Titel" minlength="3">
</form>
</search>
<small>Im Moment finden sich hier <a href="{{ allbooks_url }}">{{ book_count }} Bücher.</a> </small>
<a href="javascript:void(window.open('{{ http_host }}/?t=' + encodeURIComponent(window.location.toString())))" title="Als Lesezeichen speichern">
<img src="{% static 'bookmark.svg' %}" alt="Bookmarklet" class="header-icon">
</a>
<a href="https://github.com/eneller/epub2go-web">
<img src="{% static 'github.svg' %}" alt="GitHub" class="header-icon">
</a>
</header>
<main>
</div>
<!-- NOTE use dl here?-->
<table id="table">
<thead>