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(): - +