sebastjan/folx-tv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Vrstica rubrik na /aktuelles se prelomi v mrezo namesto vodoravnega pomikanja - vse teme vidne in klikljive

Browse Source
This commit is contained in:
FOLX Bot 2026-08-16 19:41:26 +02:00
parent 056e1d08d6
commit 32f7738ee8
1 changed files with 4 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
client/src/pages/aktuelles.tsx
View File

@ -65,15 +65,11 @@ export default function AktuellesPage() {
<PageSideAds /> <PageSideAds />
{/* Vrstica rubrik kot na ONE — brez horoskopa, ta ima na folx.tv svojo stran */} {/* Vrstica rubrik kot na ONE — brez horoskopa, ta ima na folx.tv svojo stran */}
<nav <nav className="border-y border-card-border bg-card" data-testid="nav-aktuelles-rubriken">
className="border-y border-card-border bg-card overflow-x-auto" <div className="max-w-7xl mx-auto grid grid-cols-3 sm:grid-cols-5">
style={{ scrollbarWidth: "none" }}
data-testid="nav-aktuelles-rubriken"
>
<div className="max-w-7xl mx-auto flex items-stretch w-max md:w-full">
<button <button
onClick={() => go("")} onClick={() => go("")}
className={`px-5 py-3 text-sm font-bold uppercase tracking-wide whitespace-nowrap border-r border-card-border transition-colors ${ className={`px-3 py-3 text-[13px] sm:text-sm font-bold uppercase tracking-wide text-center border-r border-b border-card-border transition-colors ${
!rubrik ? "bg-primary text-primary-foreground" : "text-foreground/80 hover:text-primary" !rubrik ? "bg-primary text-primary-foreground" : "text-foreground/80 hover:text-primary"
}`} }`}
data-testid="link-rubrik-alle" data-testid="link-rubrik-alle"
@ -84,7 +80,7 @@ export default function AktuellesPage() {
<button <button
key={r} key={r}
onClick={() => go(r)} onClick={() => go(r)}
className={`px-5 py-3 text-sm font-bold uppercase tracking-wide whitespace-nowrap border-r border-card-border transition-colors ${ className={`px-3 py-3 text-[13px] sm:text-sm font-bold uppercase tracking-wide text-center border-r border-b border-card-border transition-colors ${
rubrik === r ? "bg-primary text-primary-foreground" : "text-foreground/80 hover:text-primary" rubrik === r ? "bg-primary text-primary-foreground" : "text-foreground/80 hover:text-primary"
}`} }`}
data-testid={`link-rubrik-${r.toLowerCase().replace(/[^a-z]+/g, "-")}`} data-testid={`link-rubrik-${r.toLowerCase().replace(/[^a-z]+/g, "-")}`}