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

Simplify provider display on the reception page

Browse Source 
Remove color badges and simplify the display of IPTV/streaming providers on the reception page.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 517dfa7b-26ac-463d-a6e1-a58c6df97188
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 96062f13-43fa-4acf-9fc1-b0b5d478f238
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/517dfa7b-26ac-463d-a6e1-a58c6df97188/EtK2Sno
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
sebastjanartic 2026-03-05 08:09:11 +00:00
parent f1e6f568bf
commit 13572c5ca8
2 changed files with 7 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
attached_assets/image_1772698110952.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

41
client/src/pages/empfang.tsx
View File

@ -3,26 +3,10 @@ import Header from "@/components/header";
import Footer from "@/components/footer";
const PROVIDERS = [
{
name: "O2",
url: "https://www.o2online.de/tv/",
color: "#0019A5",
},
{
name: "Magenta",
url: "https://www.telekom.de/magenta-tv",
color: "#E20074",
},
{
name: "Zattoo",
url: "https://zattoo.com/",
color: "#00BFA5",
},
{
name: "Swisscom",
url: "https://www.swisscom.ch/tv",
color: "#001155",
},
{ name: "O2", url: "https://www.o2online.de/tv/" },
{ name: "Magenta", url: "https://www.telekom.de/magenta-tv" },
{ name: "Zattoo", url: "https://zattoo.com/" },
{ name: "Swisscom", url: "https://www.swisscom.ch/tv" },
];
export default function EmpfangPage() {
@ -54,20 +38,9 @@ export default function EmpfangPage() {
className="bg-card rounded-lg border border-card-border p-5 hover:border-primary/50 transition-colors group"
data-testid={`link-provider-${provider.name.toLowerCase()}`}
>
<div className="flex items-center gap-3">
<div
className="w-10 h-10 rounded-lg flex items-center justify-center text-white font-bold text-sm"
style={{ backgroundColor: provider.color }}
>
{provider.name.slice(0, 2).toUpperCase()}
</div>
<div>
<h3 className="font-semibold text-card-foreground group-hover:text-primary transition-colors">
{provider.name}
</h3>
<p className="text-xs text-muted-foreground">IPTV / Streaming</p>
</div>
</div>
<h3 className="font-semibold text-card-foreground group-hover:text-primary transition-colors">
{provider.name}
</h3>
</a>
))}
</div>