From c2b9665c1e3c2e3d51bea43638fa1a05c3e350c0 Mon Sep 17 00:00:00 2001
From: Noah Solomon <noahsolomon2003@gmail.com>
Date: Tue, 29 Oct 2024 20:47:48 -0400
Subject: [PATCH] ui

---
 src/components/magicui/tweet-card.tsx | 6 +++---
 src/components/ui/background.tsx      | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

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}
           ></video>
         );
@@ -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"
           />
         ))}
         <div className="shrink-0 snap-center sm:w-2" />
@@ -217,7 +217,7 @@ export const TweetMedia = ({ tweet }: { tweet: EnrichedTweet }) => (
         <img
           // @ts-ignore
           src={tweet.card.binding_values.thumbnail_image_large.image_value.url}
-          className="h-64 rounded-xl border object-cover shadow-sm"
+          className="h-48 rounded-xl border object-cover shadow-sm"
         />
       )}
   </div>
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 (
     <div className="pointer-events-none fixed inset-0 z-[-1] flex min-h-screen w-screen justify-center p-[120px_24px_160px]">
-      <div style={styles.backgroundMainBefore} />
-      <div style={styles.backgroundMainAfter} />
+      {/* <div style={styles.backgroundMainBefore} />
+      <div style={styles.backgroundMainAfter} /> */}
       {(path === "/" || path === "/login" || path === "/signup") && (
         <div style={styles.backgroundContent} />
       )}