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 ( - - - + + }> + + + + + + + } > - }> - - - - - - - } + + + + + + {postIdString && ( + + } > - - - - - - {postIdString && ( - - } + } > - } - > - - - - - )} - - + + + + + )} + ); } 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 ( - + - + @@ -33,6 +33,7 @@ export default async function DashboardLayout({ renderLoading={() => ( { alignItems="center" justifyContent="space-between" columnGap="8px" + width="100%" > 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, diff --git a/src/features/threadDetail/PostPaper/index.tsx b/src/features/threadDetail/PostPaper/index.tsx index 1f511667..7bdf97b5 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,9 @@ export function PostPaper({ post, isPublicThread }: Props) { "& .icon-button-group": { opacity: { xs: 1, md: 0 } }, transition: "all 0.2s ease-in-out", }} + onClick={ + getIsMobile() && isParentPost ? handleClickReplyButton : undefined + } > @@ -200,7 +204,7 @@ export function PostPaper({ post, isPublicThread }: Props) { alignItems="center" className="icon-button-group" > - {!isEditing && isParentPost && ( + {!isEditing && isParentPost && !getIsMobile() && ( { className="block border rounded-lg overflow-hidden hover:opacity-70 transition max-w-[600px]" > - + @@ -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]" > - + {data?.title}
{data?.title}