From dbb47919896a63c344ce7011d5db2d8edae1b442 Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Sat, 6 Jan 2024 00:07:36 +0800
Subject: [PATCH] fix: movie card style

Signed-off-by: Innei <i@innei.in>
---
 src/components/ui/link-card/LinkCard.module.css | 4 +++-
 src/components/ui/link-card/LinkCard.tsx        | 4 ++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/ui/link-card/LinkCard.module.css b/src/components/ui/link-card/LinkCard.module.css
index a0a1814c17..00a587e751 100644
--- 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
index 413a49a99a..0d964c7410 100644
--- 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)