style: scale header logo to 40x40px

This commit is contained in:
Kantine Wrapper
2026-03-06 08:46:46 +01:00
parent 884a17e7d3
commit 498b400033
9 changed files with 29 additions and 22 deletions

View File

@@ -28,13 +28,13 @@ if [ ! -f "$JS_FILE" ]; then echo "ERROR: $JS_FILE not found"; exit 1; fi
# Generate favicon.png from favicon_base.png if base exists # Generate favicon.png from favicon_base.png if base exists
FAVICON_BASE="$SCRIPT_DIR/favicon_base.png" FAVICON_BASE="$SCRIPT_DIR/favicon_base.png"
if [ -f "$FAVICON_BASE" ]; then if [ -f "$FAVICON_BASE" ]; then
echo "Generating 32x32 favicon.png from favicon_base.png..." echo "Generating 40x40 favicon.png from favicon_base.png..."
python3 -c " python3 -c "
import sys import sys
from PIL import Image from PIL import Image
try: try:
img = Image.open('$FAVICON_BASE') img = Image.open('$FAVICON_BASE')
img_resized = img.resize((32, 32), Image.Resampling.LANCZOS) img_resized = img.resize((40, 40), Image.Resampling.LANCZOS)
img_resized.save('$FAVICON_FILE') img_resized.save('$FAVICON_FILE')
except Exception as e: except Exception as e:
print('Favicon generation error:', e) print('Favicon generation error:', e)
@@ -161,7 +161,7 @@ cat > "$DIST_DIR/install.html" << INSTALLEOF
<div style="text-align: center; margin-bottom: 30px;"> <div style="text-align: center; margin-bottom: 30px;">
<h1 style="margin-bottom: 5px; display: flex; align-items: center; justify-content: center; gap: 10px;"> <h1 style="margin-bottom: 5px; display: flex; align-items: center; justify-content: center; gap: 10px;">
<img src="$FAVICON_URL" alt="Logo" style="width: 38px; height: 38px;"> <img src="$FAVICON_URL" alt="Logo" style="width: 40px; height: 40px;">
Kantine Wrapper Kantine Wrapper
<span style="font-size:0.5em; opacity:0.6; font-weight:400; margin-left:5px;">$VERSION</span> <span style="font-size:0.5em; opacity:0.6; font-weight:400; margin-left:5px;">$VERSION</span>
</h1> </h1>

View File

@@ -1,3 +1,6 @@
## v1.6.7 (2026-03-06)
- 🎨 **Style**: Das neue Header-Logo (`favicon_base.png`) wird nun konsequent auf 40x40px generiert und gerendert.
## v1.6.6 (2026-03-06) ## v1.6.6 (2026-03-06)
- 🎨 **Style**: Den Schatten und den hervorstehenden Karten-Effekt für bestellte Menüs an vergangenen Tagen komplett entfernt - verbleiben nun visuell flach und unaufdringlich wie nicht-bestellte Menüs. - 🎨 **Style**: Den Schatten und den hervorstehenden Karten-Effekt für bestellte Menüs an vergangenen Tagen komplett entfernt - verbleiben nun visuell flach und unaufdringlich wie nicht-bestellte Menüs.

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

22
dist/install.html vendored

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 3.6 KiB

View File

@@ -80,7 +80,7 @@
<header class="app-header"> <header class="app-header">
<div class="header-content"> <div class="header-content">
<div class="brand"> <div class="brand">
<img src="{{FAVICON_DATA_URI}}" alt="Logo" class="logo-img" style="height: 1.2em; width: 1.2em; object-fit: contain;"> <img src="{{FAVICON_DATA_URI}}" alt="Logo" class="logo-img" style="height: 40px; width: 40px; object-fit: contain;">
<div class="header-left"> <div class="header-left">
<h1>Kantinen Übersicht <small class="version-tag" style="font-size: 0.6em; opacity: 0.7; font-weight: 400; cursor: pointer;" title="Klick für Versionsmenü">{{VERSION}}</small></h1> <h1>Kantinen Übersicht <small class="version-tag" style="font-size: 0.6em; opacity: 0.7; font-weight: 400; cursor: pointer;" title="Klick für Versionsmenü">{{VERSION}}</small></h1>
<div id="last-updated-subtitle" class="subtitle"></div> <div id="last-updated-subtitle" class="subtitle"></div>

View File

@@ -1 +1 @@
v1.6.6 v1.6.7