layout angepasst

This commit is contained in:
Bernd Reuther
2026-09-30 20:34:18 +02:00
parent c24840954e
commit c275af18e0
2 changed files with 10 additions and 2 deletions
+5 -1
View File
@@ -857,7 +857,9 @@ EDITOR_HTML = """
<style> <style>
{{ theme_css|safe }} {{ theme_css|safe }}
* { box-sizing: border-box; } * { box-sizing: border-box; }
.site-logo { max-width:220px; max-height:72px; object-fit:contain; display:block; margin-bottom:12px; } .site-header { display:flex; align-items:center; gap:18px; margin-bottom:24px; }
.site-logo { max-width:220px; max-height:72px; object-fit:contain; display:block; flex:0 0 auto; }
.site-header h1 { margin:0; }
body { margin:0; padding:24px; background:var(--color-background); color:var(--color-text); font-family:Arial,Helvetica,sans-serif; } body { margin:0; padding:24px; background:var(--color-background); color:var(--color-text); font-family:Arial,Helvetica,sans-serif; }
.container { max-width:1400px; margin:0 auto; } .container { max-width:1400px; margin:0 auto; }
h1 { margin:0 0 6px; font-size:28px; } h1 { margin:0 0 6px; font-size:28px; }
@@ -1348,8 +1350,10 @@ th { color:var(--color-text-muted); font-weight:normal; }
<body> <body>
<div class="loading-overlay" id="loadingOverlay"><div class="spinner" aria-label="Laden"></div></div> <div class="loading-overlay" id="loadingOverlay"><div class="spinner" aria-label="Laden"></div></div>
<div class="container"> <div class="container">
<div class="site-header">
{% if logo_url %}<img class="site-logo" src="{{ logo_url }}" alt="{{ site_name }}">{% endif %} {% if logo_url %}<img class="site-logo" src="{{ logo_url }}" alt="{{ site_name }}">{% endif %}
<h1>{{ page_heading }}</h1> <h1>{{ page_heading }}</h1>
</div>
<div class="subtitle">Fertige Aufnahmen aus {{ recordings_dir }}</div> <div class="subtitle">Fertige Aufnahmen aus {{ recordings_dir }}</div>
<div class="section"> <div class="section">
+5 -1
View File
@@ -614,7 +614,9 @@ HTML = """
box-sizing: border-box; box-sizing: border-box;
} }
.site-logo { max-width:220px; max-height:72px; object-fit:contain; display:block; margin-bottom:12px; } .site-header { display:flex; align-items:center; gap:18px; margin-bottom:24px; }
.site-logo { max-width:220px; max-height:72px; object-fit:contain; display:block; flex:0 0 auto; }
.site-header h1 { margin:0; }
body { body {
margin: 0; margin: 0;
@@ -865,8 +867,10 @@ a.button:hover {
<body> <body>
<div class="site-header">
{% if logo_url %}<img class="site-logo" src="{{ logo_url }}" alt="{{ site_name }}">{% endif %} {% if logo_url %}<img class="site-logo" src="{{ logo_url }}" alt="{{ site_name }}">{% endif %}
<h1>{{ page_heading }}</h1> <h1>{{ page_heading }}</h1>
</div>
<div class="subtitle">{{ site_subtitle }}</div> <div class="subtitle">{{ site_subtitle }}</div>