rene/banyaro
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix: Hintergrundbild auf worlds-overlay statt worlds-track — cover statt 100%-Track-Breite (war 3x überzoomt) (SW by-v783)

Browse source
This commit is contained in:
rene 2026-05-08 18:51:43 +02:00
parent e0fb6a78e4
commit 247ded6103
5 changed files with 17 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

2
backend/main.py
View file

@ -327,7 +327,7 @@ MEDIA_DIR = os.getenv("MEDIA_DIR", "/data/media")
os.makedirs(MEDIA_DIR, exist_ok=True) os.makedirs(MEDIA_DIR, exist_ok=True)
app.mount("/media", StaticFiles(directory=MEDIA_DIR), name="media") app.mount("/media", StaticFiles(directory=MEDIA_DIR), name="media")
APP_VER = "782" # muss mit APP_VER in app.js übereinstimmen APP_VER = "783" # muss mit APP_VER in app.js übereinstimmen
@app.get("/.well-known/assetlinks.json") @app.get("/.well-known/assetlinks.json")
async def assetlinks(): async def assetlinks():

8
backend/static/index.html
View file

@ -575,10 +575,10 @@
<div id="modal-container"></div> <div id="modal-container"></div>
<!-- JS: Reihenfolge ist wichtig — erst Basis, dann Features --> <!-- JS: Reihenfolge ist wichtig — erst Basis, dann Features -->
<script src="/js/api.js?v=782"></script> <script src="/js/api.js?v=783"></script>
<script src="/js/ui.js?v=782"></script> <script src="/js/ui.js?v=783"></script>
<script src="/js/app.js?v=782"></script> <script src="/js/app.js?v=783"></script>
<script src="/js/worlds.js?v=782"></script> <script src="/js/worlds.js?v=783"></script>
<!-- Feature-Seiten werden lazy geladen --> <!-- Feature-Seiten werden lazy geladen -->

2
backend/static/js/app.js
View file

@ -3,7 +3,7 @@
Router, State-Management, Navigation, Initialisierung. Router, State-Management, Navigation, Initialisierung.
============================================================ */ ============================================================ */
const APP_VER = '782'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen const APP_VER = '783'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
const APP_VERSION = '1.5.0'; // ← semantische Version, wird bei make release gesetzt const APP_VERSION = '1.5.0'; // ← semantische Version, wird bei make release gesetzt
const IS_STAGING = location.hostname === 'staging.banyaro.app'; const IS_STAGING = location.hostname === 'staging.banyaro.app';
// Cache-Bust-Parameter nach Update-Reload sofort entfernen // Cache-Bust-Parameter nach Update-Reload sofort entfernen

20
backend/static/js/worlds.js
View file

@ -918,24 +918,24 @@ window.Worlds = (() => {
} }
function _applyBgImage(url) { function _applyBgImage(url) {
const track = document.getElementById('worlds-track'); const ov = document.getElementById('worlds-overlay');
if (!track) return; if (!ov) return;
if (url) { if (url) {
const toLoad = new Image(); const toLoad = new Image();
toLoad.onload = () => { toLoad.onload = () => {
_hasBgPhoto = true; _hasBgPhoto = true;
track.style.backgroundImage = `url('${url}')`; ov.style.backgroundImage = `url('${url}')`;
track.style.backgroundSize = '100% auto'; ov.style.backgroundSize = 'cover';
track.style.backgroundPosition = '0 40%'; ov.style.backgroundPosition = 'center 40%';
track.style.backgroundRepeat = 'no-repeat'; ov.style.backgroundRepeat = 'no-repeat';
document.getElementById('wh-photo-hint')?.remove(); document.getElementById('wh-photo-hint')?.remove();
}; };
toLoad.onerror = () => _applyBgImage(null); toLoad.onerror = () => _applyBgImage(null);
toLoad.src = url; toLoad.src = url;
} else { } else {
_hasBgPhoto = false; _hasBgPhoto = false;
track.style.backgroundImage = 'linear-gradient(160deg,#1a1f35 0%,#16213e 33%,#1a2535 67%,#0f1921 100%)'; ov.style.backgroundImage = 'linear-gradient(160deg,#1a1f35 0%,#16213e 33%,#1a2535 67%,#0f1921 100%)';
track.style.backgroundSize = '100% 100%'; ov.style.backgroundSize = '100% 100%';
} }
} }
@ -979,8 +979,8 @@ window.Worlds = (() => {
const staleMin = Math.max(weatherObj.ageMin || 0, dogsObj.ageMin || 0); const staleMin = Math.max(weatherObj.ageMin || 0, dogsObj.ageMin || 0);
// Panorama-Bild setzen (nur wenn noch kein Bild vorhanden) // Panorama-Bild setzen (nur wenn noch kein Bild vorhanden)
const track = document.getElementById('worlds-track'); const ov = document.getElementById('worlds-overlay');
if (dog && !track?.style.backgroundImage?.startsWith('url')) { if (dog && !ov?.style.backgroundImage?.startsWith('url')) {
_loadDailyImage(dog).then(_applyBgImage); _loadDailyImage(dog).then(_applyBgImage);
} else if (!dog) { _applyBgImage(null); } } else if (!dog) { _applyBgImage(null); }

2
backend/static/sw.js
View file

@ -3,7 +3,7 @@
Offline-Cache + Push Notifications + Tile-Cache Offline-Cache + Push Notifications + Tile-Cache
============================================================ */ ============================================================ */
const CACHE_VERSION = 'by-v782'; const CACHE_VERSION = 'by-v783';
const CACHE_STATIC = `${CACHE_VERSION}-static`; const CACHE_STATIC = `${CACHE_VERSION}-static`;
const CACHE_TILES = 'ban-yaro-tiles-v1'; // bleibt über SW-Updates erhalten const CACHE_TILES = 'ban-yaro-tiles-v1'; // bleibt über SW-Updates erhalten
const CACHE_API = 'ban-yaro-api-v1'; // API-Response-Cache const CACHE_API = 'ban-yaro-api-v1'; // API-Response-Cache