From 5f81fc04f05649b96d66f90fcfb190f88232d26d Mon Sep 17 00:00:00 2001
From: itizawa <itizawa.pen@gmail.com>
Date: Mon, 3 Nov 2025 20:19:45 +0900
Subject: [PATCH 1/5] fix style

---
 src/app/(main)/dashboard/[id]/page.tsx   | 76 ++++++++++++------------
 src/app/(main)/dashboard/layout.tsx      |  5 +-
 src/shared/ui/MarkdownViewer/OgpCard.tsx |  4 +-
 3 files changed, 42 insertions(+), 43 deletions(-)

diff --git a/src/app/(main)/dashboard/[id]/page.tsx b/src/app/(main)/dashboard/[id]/page.tsx
index 6cd3e210..c4f9a001 100644
--- a/src/app/(main)/dashboard/[id]/page.tsx
+++ b/src/app/(main)/dashboard/[id]/page.tsx
@@ -51,47 +51,45 @@ export default async function Page({ params, searchParams }: Props) {
   const postIdString = typeof postId === "string" ? postId : undefined;
 
   return (
-    <Stack height="100%" sx={{ overflowY: "scroll" }}>
-      <Box display="flex" height="100%">
-        <Stack
-          flex={2}
-          minWidth={0}
-          height="100%"
-          sx={{
-            overflowY: "auto",
-            display: { xs: postId ? "none" : "flex", md: "flex" },
-          }}
+    <Box display="flex" height="100%" sx={{ overflowY: "scroll" }}>
+      <Stack
+        flex={2}
+        minWidth={0}
+        height="100%"
+        sx={{
+          overflowY: "auto",
+          display: { xs: postId ? "none" : "flex", md: "flex" },
+        }}
+      >
+        <Suspense fallback={<ThreadInformationSkeleton />}>
+          <ThreadInformation threadId={threadId} />
+        </Suspense>
+        <Suspense
+          fallback={
+            <Stack px="16px" py="8px">
+              <Skeleton width="100%" height="80px" />
+              <Skeleton width="100%" height="80px" />
+            </Stack>
+          }
         >
-          <Suspense fallback={<ThreadInformationSkeleton />}>
-            <ThreadInformation threadId={threadId} />
-          </Suspense>
-          <Suspense
-            fallback={
-              <Stack px="16px" py="8px">
-                <Skeleton width="100%" height="80px" />
-                <Skeleton width="100%" height="80px" />
-              </Stack>
-            }
+          <Box flex={1} height="100%" minHeight={0}>
+            <PostTimeLine threadId={threadId} />
+          </Box>
+        </Suspense>
+      </Stack>
+      {postIdString && (
+        <Box flex={1} key={postIdString} minWidth={0}>
+          <ErrorBoundary
+            fallback={<PostDetailPaperError threadId={threadId} />}
           >
-            <Box flex={1} height="100%" minHeight={0}>
-              <PostTimeLine threadId={threadId} />
-            </Box>
-          </Suspense>
-        </Stack>
-        {postIdString && (
-          <Box sx={{ flex: 1 }} key={postIdString} minWidth={0}>
-            <ErrorBoundary
-              fallback={<PostDetailPaperError threadId={threadId} />}
+            <Suspense
+              fallback={<PostDetailPaperSkeleton threadId={threadId} />}
             >
-              <Suspense
-                fallback={<PostDetailPaperSkeleton threadId={threadId} />}
-              >
-                <PostDetailPaper threadId={threadId} postId={postIdString} />
-              </Suspense>
-            </ErrorBoundary>
-          </Box>
-        )}
-      </Box>
-    </Stack>
+              <PostDetailPaper threadId={threadId} postId={postIdString} />
+            </Suspense>
+          </ErrorBoundary>
+        </Box>
+      )}
+    </Box>
   );
 }
diff --git a/src/app/(main)/dashboard/layout.tsx b/src/app/(main)/dashboard/layout.tsx
index 24f10edf..e4e81c9f 100644
--- a/src/app/(main)/dashboard/layout.tsx
+++ b/src/app/(main)/dashboard/layout.tsx
@@ -12,7 +12,7 @@ export default async function DashboardLayout({
   children: React.ReactNode;
 }) {
   return (
-    <Box display="flex" flex={1} minHeight="0">
+    <Box display="flex" flex={1} minWidth="0" minHeight="0">
       <Box
         display={{ xs: "none", md: "block" }}
         width="240px"
@@ -21,7 +21,7 @@ export default async function DashboardLayout({
       >
         <DashBoardSidebar />
       </Box>
-      <Box flex={1} minHeight="0" sx={{ overflowY: "auto" }}>
+      <Box flex={1} minWidth={0} minHeight={0} sx={{ overflowY: "auto" }}>
         <LoginRequired
           errorFallback={
             <Box width="100%" height="100%">
@@ -33,6 +33,7 @@ export default async function DashboardLayout({
           renderLoading={() => (
             <Stack
               height="100%"
+              width="100%"
               display="flex"
               justifyContent="center"
               alignItems="center"
diff --git a/src/shared/ui/MarkdownViewer/OgpCard.tsx b/src/shared/ui/MarkdownViewer/OgpCard.tsx
index 4cda52d2..89be7542 100644
--- a/src/shared/ui/MarkdownViewer/OgpCard.tsx
+++ b/src/shared/ui/MarkdownViewer/OgpCard.tsx
@@ -18,7 +18,7 @@ export const OgpCard = ({ url }: Props) => {
         className="block border rounded-lg overflow-hidden hover:opacity-70 transition max-w-[600px]"
       >
         <div className="flex">
-          <div className="p-4 flex-1 overflow-hidden space-y-1">
+          <div className="p-4 flex-1 overflow-hidden space-y-1 min-w-0">
             <div className="w-full h-6 py-1">
               <div className="w-full h-4 bg-slate-300 animate-pulse rounded-sm" />
             </div>
@@ -45,7 +45,7 @@ export const OgpCard = ({ url }: Props) => {
       className="block border rounded-lg overflow-hidden hover:opacity-70 transition bg-white max-w-[600px]"
     >
       <div className="flex">
-        <div className="p-4 flex-1 overflow-hidden space-y-1 flex flex-col">
+        <div className="p-4 flex-1 min-w-0 overflow-hidden space-y-1 flex flex-col">
           <p className="font-bold text-base text-gray-900 line-clamp-2">
             {data?.title}
           </p>

From 558139338d6498629f6a904be01eff27baa8670d Mon Sep 17 00:00:00 2001
From: itizawa <itizawa.pen@gmail.com>
Date: Mon, 3 Nov 2025 20:22:12 +0900
Subject: [PATCH 2/5] fix

---
 src/features/threadDetail/PostPaper/ReplyForm/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/features/threadDetail/PostPaper/ReplyForm/index.tsx b/src/features/threadDetail/PostPaper/ReplyForm/index.tsx
index 3b2f0dd4..7aef4dd5 100644
--- a/src/features/threadDetail/PostPaper/ReplyForm/index.tsx
+++ b/src/features/threadDetail/PostPaper/ReplyForm/index.tsx
@@ -71,7 +71,7 @@ export function ReplyForm({ threadId, parentPostId }: Props) {
           onChange: handleContentChange,
           onKeyPress: handleKeyPress,
           placeholder: "返信を入力...",
-          forceFocus: getIsMobile(),
+          forceFocus: !getIsMobile(),
         }}
         formState={{
           isDisabled,

From 43b8b82caf9209e2f8763b34e78691a4c7a788d0 Mon Sep 17 00:00:00 2001
From: itizawa <itizawa.pen@gmail.com>
Date: Mon, 3 Nov 2025 20:24:35 +0900
Subject: [PATCH 3/5] =?UTF-8?q?Change:=20=E3=82=AF=E3=83=AA=E3=83=83?=
 =?UTF-8?q?=E3=82=AF=E3=81=97=E3=81=9F=E3=82=89=E8=BF=94=E4=BF=A1=E3=82=92?=
 =?UTF-8?q?=E8=A1=A8=E7=A4=BA=E3=81=99=E3=82=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/features/threadDetail/PostPaper/index.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/features/threadDetail/PostPaper/index.tsx b/src/features/threadDetail/PostPaper/index.tsx
index 1f511667..780b385f 100644
--- a/src/features/threadDetail/PostPaper/index.tsx
+++ b/src/features/threadDetail/PostPaper/index.tsx
@@ -16,6 +16,7 @@ import { Typography } from "@/shared/components/Typography";
 import { urls } from "@/shared/consts/urls";
 import { useClipBoardCopy } from "@/shared/hooks/useClipBoardCopy";
 import { isMacOs, isWindowsOs } from "@/shared/lib/getOs";
+import { getIsMobile } from "@/shared/lib/useIsMobile";
 import { useServerAction } from "@/shared/lib/useServerAction";
 import { MarkdownViewer } from "@/shared/ui/MarkdownViewer/index";
 import { trpc } from "@/trpc/client";
@@ -135,6 +136,7 @@ export function PostPaper({ post, isPublicThread }: Props) {
         "& .icon-button-group": { opacity: { xs: 1, md: 0 } },
         transition: "all 0.2s ease-in-out",
       }}
+      onClick={getIsMobile() ? handleClickReplyButton : undefined}
     >
       <Box display="flex" alignItems="start" gap="8px">
         <Link href={urls.userDetails(user.id)} className="hover:opacity-60">
@@ -200,7 +202,7 @@ export function PostPaper({ post, isPublicThread }: Props) {
                   alignItems="center"
                   className="icon-button-group"
                 >
-                  {!isEditing && isParentPost && (
+                  {!isEditing && isParentPost && !getIsMobile() && (
                     <Tooltip content="返信">
                       <IconButton
                         size="small"

From 8136fe2ae4f1d269755e85b0ebb17dca22c54b31 Mon Sep 17 00:00:00 2001
From: itizawa <itizawa.pen@gmail.com>
Date: Mon, 3 Nov 2025 20:26:45 +0900
Subject: [PATCH 4/5] fix

---
 src/features/threadDetail/PostPaper/index.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/features/threadDetail/PostPaper/index.tsx b/src/features/threadDetail/PostPaper/index.tsx
index 780b385f..7bdf97b5 100644
--- a/src/features/threadDetail/PostPaper/index.tsx
+++ b/src/features/threadDetail/PostPaper/index.tsx
@@ -136,7 +136,9 @@ export function PostPaper({ post, isPublicThread }: Props) {
         "& .icon-button-group": { opacity: { xs: 1, md: 0 } },
         transition: "all 0.2s ease-in-out",
       }}
-      onClick={getIsMobile() ? handleClickReplyButton : undefined}
+      onClick={
+        getIsMobile() && isParentPost ? handleClickReplyButton : undefined
+      }
     >
       <Box display="flex" alignItems="start" gap="8px">
         <Link href={urls.userDetails(user.id)} className="hover:opacity-60">

From 7121b7a9b671c9af72aee31123ce12735a75b012 Mon Sep 17 00:00:00 2001
From: itizawa <itizawa.pen@gmail.com>
Date: Mon, 3 Nov 2025 20:29:37 +0900
Subject: [PATCH 5/5] fix

---
 .../dashboard/SidebarUserInformation/SidebarUserInformation.tsx  | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/features/dashboard/SidebarUserInformation/SidebarUserInformation.tsx b/src/features/dashboard/SidebarUserInformation/SidebarUserInformation.tsx
index 609f1d89..e81c165a 100644
--- a/src/features/dashboard/SidebarUserInformation/SidebarUserInformation.tsx
+++ b/src/features/dashboard/SidebarUserInformation/SidebarUserInformation.tsx
@@ -17,6 +17,7 @@ export const SidebarUserInformation = () => {
       alignItems="center"
       justifyContent="space-between"
       columnGap="8px"
+      width="100%"
     >
       <Box display="flex" alignItems="center" columnGap="8px">
         <UserIcon userImage={currentUser?.image} />