From 723b620749decc48e77acd672fecb9dcc6d751e1 Mon Sep 17 00:00:00 2001
From: Kentai Radiquum <kentai.waah@gmail.com>
Date: Sun, 18 Aug 2024 13:32:22 +0500
Subject: [PATCH] fix: too long description previews

---
 app/components/CollectionLink/CollectionLink.tsx | 4 ++--
 app/components/ReleaseLink/ReleaseLink.16_9.tsx  | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/components/CollectionLink/CollectionLink.tsx b/app/components/CollectionLink/CollectionLink.tsx
index fc72272..f500c54 100644
--- a/app/components/CollectionLink/CollectionLink.tsx
+++ b/app/components/CollectionLink/CollectionLink.tsx
@@ -33,11 +33,11 @@ export const CollectionLink = (props: any) => {
             )}
           </div>
           <div className="absolute bottom-0 left-0 px-2 py-2 lg:translate-y-[100%] group-hover:lg:translate-y-0 transition-transform">
-            <p className="text-sm font-bold text-white transition-transform lg:-translate-y-10 group-hover:lg:translate-y-0 xl:text-base lg:text-lg">
+            <p className="text-sm font-bold text-white transition-transform lg:-translate-y-[calc(100%_+_1rem)] group-hover:lg:translate-y-0 xl:text-base lg:text-lg">
               {props.title}
             </p>
             <p className="text-xs text-white xl:text-base lg:text-lg right-2">
-              {props.description}
+              {props.description.substring(0, 300)}
             </p>
           </div>
         </div>
diff --git a/app/components/ReleaseLink/ReleaseLink.16_9.tsx b/app/components/ReleaseLink/ReleaseLink.16_9.tsx
index bd3c24a..d76c0eb 100644
--- a/app/components/ReleaseLink/ReleaseLink.16_9.tsx
+++ b/app/components/ReleaseLink/ReleaseLink.16_9.tsx
@@ -94,7 +94,7 @@ export const ReleaseLink169 = (props: any) => {
             )}
           </div>
           <div className="absolute bottom-0 left-0 px-2 py-2 lg:translate-y-[100%] group-hover:lg:translate-y-0 transition-transform">
-            <p className="text-sm font-bold text-white transition-transform lg:-translate-y-10 group-hover:lg:translate-y-0 xl:text-base lg:text-lg">
+            <p className="text-sm font-bold text-white transition-transform lg:-translate-y-[calc(100%_+_1rem)] group-hover:lg:translate-y-0 xl:text-base lg:text-lg">
               {props.title_ru}
             </p>
             <p className="text-xs text-white xl:text-base lg:text-lg right-2">