From de6dcabbc7860569c163bc9f4c6e60424eafd3a0 Mon Sep 17 00:00:00 2001
From: Radiquum <kentai.waah@gmail.com>
Date: Sun, 6 Apr 2025 18:10:41 +0500
Subject: [PATCH] refactor: move comments to the bottom on mobile

---
 app/pages/Release.tsx | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/app/pages/Release.tsx b/app/pages/Release.tsx
index 581e7f6..28b0967 100644
--- a/app/pages/Release.tsx
+++ b/app/pages/Release.tsx
@@ -122,11 +122,13 @@ export const ReleasePage = (props: any) => {
                 : <ReleasePlayer id={props.id} />}
               </>
             )}
-          <CommentsMain
-            release_id={props.id}
-            token={userStore.token}
-            comments={data.release.comments}
-          />
+          <div className="hidden lg:block">
+            <CommentsMain
+              release_id={props.id}
+              token={userStore.token}
+              comments={data.release.comments}
+            />
+          </div>
         </div>
         <div className="flex flex-col gap-2">
           {data.release.status &&
@@ -165,6 +167,13 @@ export const ReleasePage = (props: any) => {
               related_releases={data.release.related_releases}
             />
           )}
+          <div className="block lg:hidden">
+            <CommentsMain
+              release_id={props.id}
+              token={userStore.token}
+              comments={data.release.comments}
+            />
+          </div>
         </div>
       </div>
     </div>