elpatron/datecalc
1
0
Fork 0
Code Issues Pull Requests Activity

Bugfix: PWA-Banner zentriert, Flask auf 0.0.0.0 für Netzwerkzugriff

Browse Source
This commit is contained in:
elpatron
2025-07-24 13:35:10 +02:00
parent e07e99c8d9
commit ae373b82be
2 changed files with 8 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app.py
View File

@@ -184,4 +184,4 @@ def stats():
if __name__ == '__main__': if __name__ == '__main__':
app.run(debug=True) app.run(debug=True, host="0.0.0.0")

15
templates/index.html
View File

@@ -16,7 +16,7 @@
<meta property="og:description" content="Open Source Web-App für Kalender- und Datumsberechnungen. Werbefrei, trackingfrei, kostenlos."> <meta property="og:description" content="Open Source Web-App für Kalender- und Datumsberechnungen. Werbefrei, trackingfrei, kostenlos.">
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://codeberg.org/elpatron/datecalc"> <meta property="og:url" content="https://codeberg.org/elpatron/datecalc">
<meta property="og:image" content="/logo.svg"> <meta property="og:image" content="/static/logo.svg">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="/favicon.ico"> <link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="stylesheet" href="/static/style.css"> <link rel="stylesheet" href="/static/style.css">
@@ -26,19 +26,18 @@
.pwa-banner { .pwa-banner {
display: none; display: none;
position: fixed; position: fixed;
bottom: 0; left: 0; right: 0; top: 0; left: 0; right: 0;
background: #2563eb; background: #2563eb;
color: #fff; color: #fff;
padding: 1em 1.5em 1.2em 1.5em; padding: 1em 1.5em 1.2em 1.5em;
box-shadow: 0 -2px 12px #1e293b22; box-shadow: 0 2px 12px #1e293b22;
z-index: 1000; z-index: 1000;
font-size: 1.08em; font-size: 1.08em;
text-align: center; text-align: center;
border-radius: 16px 16px 0 0; border-radius: 0 0 16px 16px;
margin: 0 auto; margin: 0 auto;
max-width: 480px; width: 100%;
left: 50%; /* Entferne max-width, left, transform */
transform: translateX(-50%);
} }
.pwa-banner button { .pwa-banner button {
background: #fff; background: #fff;
@@ -61,7 +60,7 @@
cursor: pointer; cursor: pointer;
} }
@media (min-width: 600px) { @media (min-width: 600px) {
.pwa-banner { max-width: 420px; } .pwa-banner { max-width: 420px; left: 50%; transform: translateX(-50%); width: auto; }
} }
</style> </style>
<script> <script>