Refactor ChannelDetail component: replace Card components with CollapsibleCard for improved UI organization and user experience. Introduce CollapsibleCard functionality to manage expandable content sections. Update AirPage to enhance time display formatting for better readability.

2026-07-25 10:10:36 +03:00
parent 9a17715d0f
commit 27571a4ab6
2 changed files with 52 additions and 47 deletions
@@ -179,7 +179,7 @@ export function AirPage() {
                <ul className="divide-y divide-border">
                  {upcoming.slice(0, 6).map((block) => (
                    <li key={block.key} className="flex items-center gap-3 px-4 py-2 text-sm">
-                      <span className="w-24 shrink-0 text-muted-foreground">
+                      <span className="shrink-0 whitespace-nowrap tabular-nums text-muted-foreground">
                        {formatTime(block.startsAtUtc)} – {formatTime(block.endsAtUtc)}
                      </span>
                      <span>{block.showName}</span>