artegoser/ultyt
1
0
Fork 0
mirror of https://github.com/artegoser/ultyt.git synced 2024-11-24 21:06:22 +03:00
Code Issues Projects Releases Packages Wiki Activity

fix: channel name word break

Browse source
This commit is contained in:
Artemy 2023-08-10 10:22:15 +03:00
parent ca59122051
commit f4575ca183
1 changed files with 4 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/components/video.tsx
View file

@ -14,12 +14,7 @@ export function VideoComponent({ video, uploaderAvatar }: VideoComponentProps) {
const navigate = useNavigate(); const navigate = useNavigate();
return ( return (
<Card <Card isPressable onPress={() => navigate(video.url)} shadow="none">
isBlurred
isPressable
onPress={() => navigate(video.url)}
shadow="none"
>
<CardHeader> <CardHeader>
<img className="w-full rounded-xl" src={video.thumbnail} /> <img className="w-full rounded-xl" src={video.thumbnail} />
</CardHeader> </CardHeader>
@ -33,8 +28,8 @@ export function VideoComponent({ video, uploaderAvatar }: VideoComponentProps) {
{video.title} {video.title}
</Link> </Link>
<Link color="foreground" href={`#${video.uploaderUrl}`}> <Link color="foreground" href={`#${video.uploaderUrl}`}>
<div className="flex flex-row items-center break-all"> <div className="flex flex-row items-center">
<p className="flex-none text-md">{video.uploaderName}</p> <p className="text-md">{video.uploaderName}</p>
{video.uploaderVerified && ( {video.uploaderVerified && (
<CheckCircleIcon className="w-6 h-6 p-1" /> <CheckCircleIcon className="w-6 h-6 p-1" />
)} )}
@ -54,7 +49,7 @@ export function VideoComponent({ video, uploaderAvatar }: VideoComponentProps) {
export function SkeletonVideoComponent() { export function SkeletonVideoComponent() {
return ( return (
<Card isBlurred isPressable shadow="none" className="space-y-5 p-4"> <Card isPressable shadow="none" className="space-y-5 p-4">
<Skeleton className="rounded-lg"> <Skeleton className="rounded-lg">
<div className="rounded-lg h-56 bg-default-300 p-4"></div> <div className="rounded-lg h-56 bg-default-300 p-4"></div>
</Skeleton> </Skeleton>