From 151872e49d0467e0c1e5bd09259b5c6719a04926 Mon Sep 17 00:00:00 2001 From: Hermes Agent Date: Wed, 17 Jun 2026 23:28:22 +0200 Subject: [PATCH] =?UTF-8?q?blur=20nur=20desktop=20(=E2=89=A5901px)=20+=20t?= =?UTF-8?q?extfeld=205000=E2=86=9220000=20zeichen?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app.py | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/app.py b/app.py index c3a8e41..b94acdc 100644 --- a/app.py +++ b/app.py @@ -1904,10 +1904,12 @@ def public_frontend(): .story-card { background:#fff; border-radius:14px; overflow:hidden; box-shadow:0 4px 18px rgba(0,0,0,0.10),0 1px 4px rgba(0,0,0,0.05); transition:box-shadow 0.35s ease,transform 0.35s ease,filter 0.35s ease; display:inline-block; width:100%; margin-bottom:1.2rem; break-inside:avoid; } .story-card:hover { transform:scale(1.03); box-shadow:0 18px 50px rgba(0,0,0,0.35),0 5px 20px rgba(0,0,0,0.18); } - /* Blur the rest when hovering a card */ - .main-grid:has(.story-card:hover) .story-card:not(:hover) { filter:blur(1px); } - body:has(.story-card:hover) .site-header, - body:has(.story-card:hover) .site-footer { filter:blur(1px); transition:filter 0.35s ease; } + /* Blur the rest when hovering a card (desktop only) */ + @media(min-width:901px) { + .main-grid:has(.story-card:hover) .story-card:not(:hover) { filter:blur(1px); } + body:has(.story-card:hover) .site-header, + body:has(.story-card:hover) .site-footer { filter:blur(1px); transition:filter 0.35s ease; } + } a.card-link .story-card { margin-bottom:0; } .story-card img { width:100%; height:100%; object-fit:cover; display:block; } .story-card video { width:100%; height:auto; max-height:600px; object-fit:contain; display:block; background:#000; } @@ -2157,7 +2159,7 @@ def public_frontend(): - +