From 3b3517e7719549e7eba093dc4959947d3c59e1b2 Mon Sep 17 00:00:00 2001
From: Factiven <dabinaya.fathan@gmail.com>
Date: Tue, 27 Jun 2023 15:17:47 +0000
Subject: minor ui adjustment on mobile devices

---
 pages/anime/[...id].js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/pages/anime/[...id].js b/pages/anime/[...id].js
index a5429ed..0473236 100644
--- a/pages/anime/[...id].js
+++ b/pages/anime/[...id].js
@@ -555,7 +555,7 @@ export default function Info({ info, color, api }) {
                   )}
                 </div>
                 <div
-                  className={`w-screen lg:w-full grid lg:grid-cols-3 justify-items-center gap-7 lg:pt-7 lg:pb-5 px-3 lg:px-4 pt-4 rounded-xl`}
+                  className={`w-screen lg:w-full flex gap-5 overflow-x-scroll snap-x scroll-px-5 scrollbar-none lg:grid lg:grid-cols-3 justify-items-center lg:pt-7 lg:pb-5 px-3 lg:px-4 pt-4 rounded-xl`}
                 >
                   {info?.relations?.edges ? (
                     info?.relations?.edges
@@ -580,13 +580,13 @@ export default function Info({ info, color, api }) {
                                       info?.title.native
                                   )}`
                             }
-                            className={`hover:scale-[1.02] hover:shadow-lg lg:px-0 px-4 scale-100 transition-transform duration-200 ease-out w-full ${
+                            className={`lg:hover:scale-[1.02] snap-start hover:shadow-lg scale-100 transition-transform duration-200 ease-out w-full ${
                               rel.type === "MUSIC" ? "pointer-events-none" : ""
                             }`}
                           >
                             <div
                               key={rel.id}
-                              className="w-full shrink h-[126px] bg-secondary flex rounded-md"
+                              className="w-[400px] lg:w-full h-[126px] bg-secondary flex rounded-md"
                             >
                               <div className="w-[90px] bg-image rounded-l-md shrink-0">
                                 <Image
-- 
cgit v1.2.3


From 42791f3b0617b7d3b5b21796b2bc87ff521f65ee Mon Sep 17 00:00:00 2001
From: Factiven <dabinaya.fathan@gmail.com>
Date: Thu, 29 Jun 2023 04:49:01 +0000
Subject: fixed empty section on homepage when using AniList

---
 pages/index.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/pages/index.js b/pages/index.js
index 1c65970..755aa2d 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -455,7 +455,7 @@ export default function Home({ detail, populars, sessions }) {
             animate={{ opacity: 1 }}
             transition={{ duration: 0.5, staggerChildren: 0.2 }} // Add staggerChildren prop
           >
-            {sessions && onGoing && (
+            {sessions && onGoing.length > 0 && (
               <motion.div // Add motion.div to each child component
                 key="onGoing"
                 initial={{ y: 20, opacity: 0 }}
@@ -472,7 +472,7 @@ export default function Home({ detail, populars, sessions }) {
               </motion.div>
             )}
 
-            {sessions && list && (
+            {sessions && list.length > 0 && (
               <motion.div // Add motion.div to each child component
                 key="listAnime"
                 initial={{ y: 20, opacity: 0 }}
@@ -489,7 +489,7 @@ export default function Home({ detail, populars, sessions }) {
             )}
 
             {/* SECTION 2 */}
-            {sessions && planned && (
+            {sessions && planned.length > 0 && (
               <motion.div // Add motion.div to each child component
                 key="plannedAnime"
                 initial={{ y: 20, opacity: 0 }}
-- 
cgit v1.2.3


From 1d53be6945a5b5bab699fa956cd213c44252a3b0 Mon Sep 17 00:00:00 2001
From: Factiven <dabinaya.fathan@gmail.com>
Date: Thu, 29 Jun 2023 04:55:17 +0000
Subject: Update index.js

---
 pages/index.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/pages/index.js b/pages/index.js
index 755aa2d..05a09d6 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -455,7 +455,7 @@ export default function Home({ detail, populars, sessions }) {
             animate={{ opacity: 1 }}
             transition={{ duration: 0.5, staggerChildren: 0.2 }} // Add staggerChildren prop
           >
-            {sessions && onGoing.length > 0 && (
+            {sessions && onGoing?.length > 0 && (
               <motion.div // Add motion.div to each child component
                 key="onGoing"
                 initial={{ y: 20, opacity: 0 }}
@@ -472,7 +472,7 @@ export default function Home({ detail, populars, sessions }) {
               </motion.div>
             )}
 
-            {sessions && list.length > 0 && (
+            {sessions && list?.length > 0 && (
               <motion.div // Add motion.div to each child component
                 key="listAnime"
                 initial={{ y: 20, opacity: 0 }}
@@ -489,7 +489,7 @@ export default function Home({ detail, populars, sessions }) {
             )}
 
             {/* SECTION 2 */}
-            {sessions && planned.length > 0 && (
+            {sessions && planned?.length > 0 && (
               <motion.div // Add motion.div to each child component
                 key="plannedAnime"
                 initial={{ y: 20, opacity: 0 }}
-- 
cgit v1.2.3