From 6df90d51466b776b3be55bb413a290a53e419756 Mon Sep 17 00:00:00 2001
From: Kentai Radiquum <kentai.waah@gmail.com>
Date: Sat, 13 Jul 2024 06:37:29 +0500
Subject: [PATCH] refactor: carousel better visual feedback for mobile

---
 app/components/ReleaseCourusel/ReleaseCourusel.jsx | 2 +-
 app/home/[slug]/page.js                            | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/components/ReleaseCourusel/ReleaseCourusel.jsx b/app/components/ReleaseCourusel/ReleaseCourusel.jsx
index 14eb607..ea45d7b 100644
--- a/app/components/ReleaseCourusel/ReleaseCourusel.jsx
+++ b/app/components/ReleaseCourusel/ReleaseCourusel.jsx
@@ -56,7 +56,7 @@ export const ReleaseCourusel = (props) => {
                   key={release.id}
                   style={{ width: "fit-content" }}
                 >
-                  <div className="xl:w-[600px] sm:w-[400px] w-[90vw] aspect-video">
+                  <div className="xl:w-[600px] sm:w-[400px] w-[80vw] aspect-video">
                     <ReleaseLink {...release} />
                   </div>
                 </div>
diff --git a/app/home/[slug]/page.js b/app/home/[slug]/page.js
index 50c51af..b9d9019 100644
--- a/app/home/[slug]/page.js
+++ b/app/home/[slug]/page.js
@@ -71,7 +71,7 @@ export default function HomeStatus({ params }) {
           content={content}
         />
       )}
-      <button className="mx-auto w-[calc(100%-10rem)] border border-black rounded-lg p-4 mb-6 flex items-center justify-center gap-2 hover:bg-black hover:text-white transition" onClick={() => setSize(size + 1)}> <span className="w-10 h-10 iconify mdi--plus"> </span> <span className="text-lg">Load More</span></button>
+      <button className="mx-auto w-[calc(100%-10rem)] border border-black rounded-lg p-2 mb-6 flex items-center justify-center gap-2 hover:bg-black hover:text-white transition" onClick={() => setSize(size + 1)}> <span className="w-10 h-10 iconify mdi--plus"> </span> <span className="text-lg">Загрузить ещё</span></button>
     </main>
   );
 }