alteropen/streamyfin
1
0
Fork 0
mirror of https://github.com/streamyfin/streamyfin.git synced 2026-01-15 23:59:08 +00:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity

wip: design refactor

Browse Source
This commit is contained in:
Fredrik Burmester
2024-08-28 22:00:50 +02:00
parent 309345c834
commit 4641ff726c
16 changed files with 580 additions and 334 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
components/ItemHeader.tsx
View File

@@ -11,17 +11,25 @@ interface Props extends ViewProps {
export const ItemHeader: React.FC<Props> = ({ item, ...props }) => {
if (!item)
return (
<View className="w-full items-center">
<View className="w-1/3 h-4 mb-1 bg-neutral-950 rounded" />
<View className="w-2/3 h-8 mb-1 bg-neutral-950 rounded" />
<View className="w-2/3 h-3 mb-1 bg-neutral-950 rounded" />
<View className="w-1/4 h-3 mb-1 bg-neutral-950 rounded" />
<View className="w-1/4 h-6 bg-neutral-950 rounded" />
<View
className="flex flex-col space-y-1.5 w-full items-start h-24"
{...props}
>
<View className="w-1/3 h-6 bg-neutral-900 rounded" />
<View className="w-2/3 h-8 bg-neutral-900 rounded" />
<View className="w-2/3 h-4 bg-neutral-900 rounded" />
<View className="w-1/4 h-4 bg-neutral-900 rounded" />
</View>
);
return (
<View className="flex flex-col" {...props}>
<View
style={{
minHeight: 96,
}}
className="flex flex-col"
{...props}
>
<Ratings item={item} className="mb-2" />
{item.Type === "Episode" && <EpisodeTitleHeader item={item} />}
{item.Type === "Movie" && <MoviesTitleHeader item={item} />}