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

refactor: clean up styles and improve layout in dashboard and edit channel components

Browse Source 
- Removed unnecessary class names for buttons in ChannelCard and DashboardPage components.
- Updated layout styles in RootLayout to apply dark mode by default.
- Refactored edit-channel-sheet to streamline block editor and filter editor components.
- Adjusted duration input fields to reflect minutes instead of seconds in AlgorithmicFilterEditor.
- Enhanced the structure of the EditChannelSheet for better readability and maintainability.
This commit is contained in:
Gabriel Kaszewski
2026-03-16 01:40:28 +01:00
parent e76167134b
commit 40f698acb7
4 changed files with 465 additions and 471 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
k-tv-frontend/app/(main)/dashboard/components/channel-card.tsx
View File

@@ -168,7 +168,6 @@ export function ChannelCard({
size="icon-sm"
onClick={onViewSchedule}
title="View schedule"
className="border-zinc-700 text-zinc-400 hover:text-zinc-100"
>
<CalendarDays className="size-3.5" />
</Button>
@@ -176,7 +175,6 @@ export function ChannelCard({
size="icon-sm"
asChild
title="Watch on TV"
className="border-zinc-700 text-zinc-400 hover:text-zinc-100"
>
<Link href={`/tv?channel=${channel.id}`}>
<Tv2 className="size-3.5" />

919
k-tv-frontend/app/(main)/dashboard/components/edit-channel-sheet.tsx
View File

File diff suppressed because it is too large Load Diff

13
k-tv-frontend/app/(main)/dashboard/page.tsx
View File

@@ -241,7 +241,6 @@ export default function DashboardPage() {
<Button
onClick={() => setTranscodeOpen(true)}
title="Transcode settings"
className="border-zinc-700 text-zinc-400 hover:text-zinc-100"
>
<Settings2 className="size-4" />
Transcode
@@ -257,7 +256,6 @@ export default function DashboardPage() {
}
disabled={rescanLibrary.isPending}
title="Rescan local files directory"
className="border-zinc-700 text-zinc-400 hover:text-zinc-100"
>
<RefreshCw className={`size-4 ${rescanLibrary.isPending ? "animate-spin" : ""}`} />
Rescan library
@@ -268,7 +266,6 @@ export default function DashboardPage() {
onClick={handleRegenerateAll}
disabled={isRegeneratingAll}
title="Regenerate schedules for all channels"
className="border-zinc-700 text-zinc-400 hover:text-zinc-100"
>
<RefreshCw
className={`size-4 ${isRegeneratingAll ? "animate-spin" : ""}`}
@@ -276,17 +273,11 @@ export default function DashboardPage() {
Regenerate all
</Button>
)}
<Button
onClick={() => setIptvOpen(true)}
className="border-zinc-700 text-zinc-300 hover:text-zinc-100"
>
<Button onClick={() => setIptvOpen(true)}>
<Antenna className="size-4" />
IPTV
</Button>
<Button
onClick={() => setImportOpen(true)}
className="border-zinc-700 text-zinc-300 hover:text-zinc-100"
>
<Button onClick={() => setImportOpen(true)}>
<Upload className="size-4" />
Import
</Button>

2
k-tv-frontend/app/layout.tsx
View File

@@ -26,7 +26,7 @@ export default function RootLayout({
children: React.ReactNode;
}>) {
return (
<html lang="en">
<html lang="en" className="dark">
<head>
<Script
src="https://www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1"