fix: movie card style

Signed-off-by: Innei <i@innei.in>
Innei · Jan 5, 2024 · dbb4791 · dbb4791 · vercel · Jan 5, 2024
1 parent 235837f
commit dbb4791
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/components/ui/link-card/LinkCard.module.css b/src/components/ui/link-card/LinkCard.module.css
@@ -14,6 +14,8 @@
   backdrop-filter: blur(20px) saturate(180%);
   transition: background-color 0.2s ease-in-out;
 
+  gap: 1.286rem;
+
   @apply cursor-pointer border font-sans no-underline;
   @apply [&_*]:!not-italic;
   @apply border border-slate-200/80 bg-gray-100/80 dark:border-neutral-700 dark:bg-zinc-800;
@@ -25,7 +27,7 @@
   position: relative;
   display: block;
   min-width: 0;
-  margin-right: 0.55rem;
+
   z-index: 1;
 }
 

diff --git a/src/components/ui/link-card/LinkCard.tsx b/src/components/ui/link-card/LinkCard.tsx
@@ -471,8 +471,8 @@ const fetchTheMovieDBData: FetchObject = {
       }).color,
 
       classNames: {
-        image: 'self-start mt-4',
-        cardRoot: '!w-full',
+        image: 'self-start !h-[75px] !w-[50px]',
+        cardRoot: '!w-full !flex-row-reverse',
       },
     })
     json.homepage && setFullUrl(json.homepage)