Kieran/zap.stream
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: new design progress

Browse Source
This commit is contained in:
kieran
2024-05-17 23:17:15 +01:00
parent 1b5fa7a5ca
commit 75c90e9dc4
36 changed files with 675 additions and 375 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/pages/root.tsx
View File

@ -1,5 +1,5 @@
import { useStreamsFeed } from "@/hooks/live-streams";
import CategoryLink from "@/element/category-link";
import CategoryLink from "@/element/category/category-link";
import VideoGridSorted from "@/element/video-grid-sorted";
import { AllCategories } from "./category";
@ -7,13 +7,15 @@ export function RootPage() {
const streams = useStreamsFeed();
return (
<div className="flex flex-col gap-6">
<div className="flex gap-4 overflow-x-scroll scrollbar-hidden">
{AllCategories.filter(a => a.priority === 0).map(a => (
<CategoryLink key={a.id} {...a} />
))}
<div className="flex flex-col gap-6 p-4">
<div className="min-w-0 w-[calc(100dvw-2rem)]">
<div className="flex gap-4 overflow-x-scroll scrollbar-hidden">
{AllCategories.filter(a => a.priority === 0).map(a => (
<CategoryLink key={a.id} name={a.name} id={a.id} icon={a.icon} />
))}
</div>
</div>
<VideoGridSorted evs={streams} showEnded={false} showPopular={true} />
<VideoGridSorted evs={streams} showEnded={false} showPopular={true} showRecentClips={true} />
</div>
);
}