From 7189528c20321d86e359c2ce4e01a74ab07c1ecb Mon Sep 17 00:00:00 2001 From: Hermes Agent Date: Wed, 17 Jun 2026 14:55:23 +0200 Subject: [PATCH] =?UTF-8?q?=F0=9F=94=84=20Cards:=20Hover-Zoom=20scale(1.04?= =?UTF-8?q?)=20+=20Text=20nur=20auf=20Detailseite=20+=20Grid=20kompakter?= =?UTF-8?q?=20(280px)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app.py | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/app.py b/app.py index eba155a..91181e2 100644 --- a/app.py +++ b/app.py @@ -1750,24 +1750,24 @@ def public_frontend(): .site-header .header-right a:hover { color:#fff; } /* Main grid */ - .main-grid { max-width:1100px; margin:2rem auto; padding:0 1.5rem; display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:1.5rem; } + .main-grid { max-width:1200px; margin:1.5rem auto; padding:0 1.5rem; display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:1.2rem; } /* Card — like SPIEL Essen modules */ - .story-card { background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 6px 28px rgba(0,0,0,0.12),0 2px 6px rgba(0,0,0,0.06); transition:transform 0.25s cubic-bezier(0.25, 0.1, 0.25, 1),box-shadow 0.25s ease; display:flex; flex-direction:column; } - .story-card:hover { transform:translateY(-6px); box-shadow:0 18px 44px rgba(0,0,0,0.16),0 4px 12px rgba(0,0,0,0.08); } + .story-card { background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 6px 28px rgba(0,0,0,0.12),0 2px 6px rgba(0,0,0,0.06); transition:transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1),box-shadow 0.3s ease; display:flex; flex-direction:column; } + .story-card:hover { transform:scale(1.04); box-shadow:0 20px 48px rgba(0,0,0,0.2),0 6px 16px rgba(0,0,0,0.1); z-index:10; position:relative; } .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; } .story-card { position:relative; } .story-halle-badge { position:absolute; top:10px; right:10px; background:#20228a; color:#fff; padding:0.25rem 0.65rem; border-radius:5px; font-size:0.78rem; font-weight:700; letter-spacing:0.03em; z-index:5; box-shadow:0 2px 6px rgba(0,0,0,0.3); } .story-ausverkauft-badge { position:absolute; top:10px; left:10px; background:#dc3545; color:#fff; padding:0.3rem 0.7rem; border-radius:5px; font-size:0.78rem; font-weight:700; letter-spacing:0.02em; z-index:5; box-shadow:0 2px 6px rgba(0,0,0,0.3); } - .card-content { padding:1.3rem 1.5rem 1.5rem; flex:1; display:flex; flex-direction:column; } - .story-meta { display:flex; align-items:center; gap:0.5rem; margin-bottom:0.7rem; flex-wrap:wrap; } + .card-content { padding:0.8rem 1.2rem 1rem; display:flex; flex-direction:column; gap:0.3rem; } + .story-meta { display:flex; align-items:center; gap:0.5rem; flex-wrap:wrap; } .story-type { font-size:0.85rem; } .story-author { font-weight:600; color:#20228a; font-size:0.82rem; } .story-date { color:#999; font-size:0.72rem; margin-left:auto; } - .story-time { font-size:0.78rem; color:#666; margin-bottom:0.6rem; font-weight:500; } + .story-time { font-size:0.75rem; color:#666; font-weight:500; } .story-time-rel { color:#20228a; font-weight:700; } - .story-preview { font-size:0.92rem; line-height:1.6; color:#333; flex:1; } + .story-preview { display:none; } /* Frontend filter bar */ .frontend-filter { max-width:1100px; margin:1rem auto 0; padding:0 1.5rem; display:flex; gap:0.4rem; flex-wrap:wrap; align-items:center; }