fix: fix spacing in twitter card

tconbeer · Sep 18, 2023 · a863992 · a863992
1 parent 6da9fb8
commit a863992
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 13 deletions.
diff --git a/src/lib/components/intersection_observer.svelte b/src/lib/components/intersection_observer.svelte
@@ -50,6 +50,6 @@
   });
 </script>
 
-<div bind:this={container} class="h-full w-full">
+<div bind:this={container} >
   <slot {intersecting} />
 </div>
diff --git a/src/lib/components/tweet_card.svelte b/src/lib/components/tweet_card.svelte
@@ -7,22 +7,24 @@
 </script>
 
 <div class="max-w-md rounded border bg-white px-6 py-4 font-body">
-  <div class="flex items-center">
-    <LazyImage
-      src={tweet.profile.img_src}
-      className="h-12 w-12 rounded-full"
-      alt="Twitter profile image for {tweet.profile.name}."
-    />
-    <div class="ml-4 flex flex-col">
-      <a class="font-bold text-black" href={tweet.profile.src}
-        >{tweet.profile.name}</a
-      >
-      <span class="text-sm text-gray-500">@{tweet.profile.handle}</span>
+  <div class="flex justify-between">
+    <div class="flex">
+      <LazyImage
+        src={tweet.profile.img_src}
+        className="h-12 w-12 rounded-full"
+        alt="Twitter profile image for {tweet.profile.name}."
+      />
+      <div class="ml-4 flex flex-col">
+        <a class="font-bold text-black" href={tweet.profile.src}
+          >{tweet.profile.name}</a
+        >
+        <span class="text-sm text-gray-500">@{tweet.profile.handle}</span>
+      </div>
     </div>
     <LazyImage
       src={x_icon}
       alt="X (Twitter) Icon"
-      className="w-6 h-6 ml-auto"
+      className="w-6 h-6"
     />
   </div>
   <a href={tweet.src} target="_blank">