diff --git a/src/components/magicui/tweet-card.tsx b/src/components/magicui/tweet-card.tsx index 2561dc3..4d0a3f0 100644 --- a/src/components/magicui/tweet-card.tsx +++ b/src/components/magicui/tweet-card.tsx @@ -189,7 +189,7 @@ export const TweetMedia = ({ tweet }: { tweet: EnrichedTweet }) => ( loop playsInline controls - className="rounded-xl border shadow-sm" + className="max-h-[36rem] w-auto rounded-lg border shadow-sm" src={tweet.video.variants[4]?.src} > ); @@ -204,7 +204,7 @@ export const TweetMedia = ({ tweet }: { tweet: EnrichedTweet }) => ( src={photo.url} title={"Photo by " + tweet.user.name} alt={tweet.text} - className="h-64 w-5/6 shrink-0 snap-center snap-always rounded-xl border object-cover shadow-sm" + className="h-48 w-auto shrink-0 snap-center snap-always rounded-xl border object-cover shadow-sm" /> ))}
@@ -217,7 +217,7 @@ export const TweetMedia = ({ tweet }: { tweet: EnrichedTweet }) => ( )} diff --git a/src/components/ui/background.tsx b/src/components/ui/background.tsx index 117a744..6fd832d 100644 --- a/src/components/ui/background.tsx +++ b/src/components/ui/background.tsx @@ -112,8 +112,8 @@ export function Background() { return (