diff --git a/static/app.css b/static/app.css index 38b9f06..5347690 100644 --- a/static/app.css +++ b/static/app.css @@ -24,7 +24,6 @@ body { display: flex; align-items: center; padding: 10px 20px; - /* width: 100%; */ } .site-header img.logo { height: 50px; @@ -34,9 +33,7 @@ body { font-size: 1.5em; margin: 0; } - .container { - padding: 20px; - } + .wrapper { display: grid; grid-template-rows: auto 1fr auto; @@ -44,9 +41,10 @@ body { padding-bottom: 200px; } .container { + max-width: 1200px; width: 90%; - max-width: 900px; margin: 0 auto; + padding: 20px 0; } .container a { @@ -54,29 +52,35 @@ body { } .container-fluid { - height: 100%; - display: flex; - flex-direction: column; + padding: 20px; } /* Breadcrumb Styles */ -.breadcrumb { - margin-bottom: 15px; - font-size: 22px; -} .breadcrumb a { + font-size: 19px; text-decoration: none; color: var(--main-text-color); - margin-right: 5px; } .breadcrumb span { + font-size: 19px; color: #ccc; + margin-left: 5px; margin-right: 5px; + margin-bottom: 10px; } -.separator::before { - content: "\A"; /* Inserts a line break */ - white-space: pre; /* Ensures the newline is honored */ +/* Admin Nav Styles */ +.admin-nav { + color: #ccc; + border: 1px solid #ccc; + padding: 10px; + background-color: #979797; +} + +.admin-nav a { + color: #ccc; + text-decoration: none; + padding: 5px 0; } /* List Styles */ diff --git a/templates/app.html b/templates/app.html index 25c3dc5..4b3b8f6 100644 --- a/templates/app.html +++ b/templates/app.html @@ -1,39 +1,44 @@ - + - - + + + - - - + {{ title_short }} - {{ title_short }} - - - - + + + - - - - - - - - - - - - + + + + - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + +
@@ -44,14 +49,14 @@
{% if admin_enabled %} -
- Meine Links +
+ Meine Links | - Verbindungen + Verbindungen | - Auswertung + Auswertung | - Ordnerkonfiguration + Ordnerkonfiguration
{% endif %}
diff --git a/templates/base.html b/templates/base.html index c401eab..f110b80 100644 --- a/templates/base.html +++ b/templates/base.html @@ -1,11 +1,23 @@ - + - + {% block title %}Meine Links{% endblock %} + + + + + + + + + + + + @@ -22,20 +34,19 @@
-
- - App - | - Meine Links - | - Verbindungen - | - Auswertung-Downloads - | - Auswertung-Wiederholungen +
+ App + | + Meine Links + | + Verbindungen + | + Auswertung-Downloads + | + Auswertung-Wiederholungen {% if admin_enabled %} - | - Ordnerkonfiguration + | + Ordnerkonfiguration {% endif %}
diff --git a/templates/dashboard.html b/templates/dashboard.html index d6bda7a..4449dd7 100644 --- a/templates/dashboard.html +++ b/templates/dashboard.html @@ -8,7 +8,7 @@ {% block content %} -
+

Auswertung-Downloads

diff --git a/templates/folder_secret_config_editor.html b/templates/folder_secret_config_editor.html index 468517c..451edb6 100644 --- a/templates/folder_secret_config_editor.html +++ b/templates/folder_secret_config_editor.html @@ -178,11 +178,11 @@ const actions = document.createElement('div'); if (!isEdit) { - const openLink = document.createElement('a'); - openLink.className = 'btn btn-secondary btn-sm me-2'; - openLink.href = `/?secret=${rec.secret}`; - openLink.textContent = 'Link öffnen'; - actions.appendChild(openLink); + const openButton = document.createElement('button'); + openButton.className = 'btn btn-secondary btn-sm me-2'; + openButton.onclick = () => window.open(`/?secret=${rec.secret}`, '_self'); + openButton.textContent = 'Link öffnen'; + actions.appendChild(openButton); } const delBtn = document.createElement('button'); diff --git a/templates/mylinks.html b/templates/mylinks.html index 6372e25..65c18de 100644 --- a/templates/mylinks.html +++ b/templates/mylinks.html @@ -6,7 +6,7 @@ {# page‐specific content #} {% block content %} -
+

Übersicht deiner gültigen Links

{% if valid_secrets %} @@ -21,11 +21,8 @@

Gültig bis: {{ secret_valid_to[secret] }}

- Link öffnen - + +
@@ -61,11 +58,8 @@

Gültig bis: {{ token_valid_to[token] }}

- Link öffnen - + +