From 446412af437dae80d4e2992de235b681712af5d0 Mon Sep 17 00:00:00 2001
From: MocA-Love <64681295+MocA-Love@users.noreply.github.com>
Date: Fri, 17 Apr 2026 10:21:20 +0900
Subject: [PATCH] =?UTF-8?q?fix(desktop):=20TODO/Schedule=20=E3=83=80?=
 =?UTF-8?q?=E3=82=A4=E3=82=A2=E3=83=AD=E3=82=B0=E3=81=AE=E6=A8=AA=E5=B9=85?=
 =?UTF-8?q?=E3=82=92=20!important=20=E3=81=A7=E7=A2=BA=E5=AE=9F=E3=81=AB?=
 =?UTF-8?q?=E5=BA=83=E3=81=92=E3=82=8B=20(#238=20=E5=86=8D=E5=AF=BE?=
 =?UTF-8?q?=E5=BF=9C)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

PR #242 で `sm:max-w-xl` / `sm:max-w-5xl` による上書きを入れたが、
ユーザー環境で依然として `sm:max-w-lg` (512px) に絞られる症状が残って
いた。コードベースの他の広幅ダイアログ (DockerView / DatabasesView /
TeardownLogsDialog) は一様に `!max-w-...` の important パターンを
使っているので、それに倣って確実にベースの `sm:max-w-lg` を上書きする。

- TodoModal: `!max-w-[min(640px,calc(100vw-2rem))]` (~640px)
- ScheduleEditorDialog: `!w-[min(1280px,92vw)] !max-w-[min(1280px,92vw)]` (~1280px)
- どちらも `sm:!max-w-...` も併記し、@media 由来の順序問題を完全に排除
- `min()` で狭いビューポートにも対応

Closes #238
---
 .../components/ScheduleEditorDialog/ScheduleEditorDialog.tsx    | 2 +-
 .../src/renderer/features/todo-agent/TodoModal/TodoModal.tsx    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/desktop/src/renderer/features/todo-agent/TodoManager/SchedulesSection/components/ScheduleEditorDialog/ScheduleEditorDialog.tsx b/apps/desktop/src/renderer/features/todo-agent/TodoManager/SchedulesSection/components/ScheduleEditorDialog/ScheduleEditorDialog.tsx
index a0d6c0728b0..b237f5c3646 100644
--- a/apps/desktop/src/renderer/features/todo-agent/TodoManager/SchedulesSection/components/ScheduleEditorDialog/ScheduleEditorDialog.tsx
+++ b/apps/desktop/src/renderer/features/todo-agent/TodoManager/SchedulesSection/components/ScheduleEditorDialog/ScheduleEditorDialog.tsx
@@ -264,7 +264,7 @@ export function ScheduleEditorDialog({
 
 	return (
 		<Dialog open={open} onOpenChange={onOpenChange}>
-			<DialogContent className="max-w-5xl sm:max-w-5xl w-[92vw] max-h-[90vh] overflow-y-auto">
+			<DialogContent className="!w-[min(1280px,92vw)] !max-w-[min(1280px,92vw)] sm:!max-w-[min(1280px,92vw)] max-h-[90vh] overflow-y-auto">
 				<DialogHeader>
 					<DialogTitle>
 						{initial ? "スケジュールを編集" : "新しいスケジュール"}
diff --git a/apps/desktop/src/renderer/features/todo-agent/TodoModal/TodoModal.tsx b/apps/desktop/src/renderer/features/todo-agent/TodoModal/TodoModal.tsx
index 11e708087be..ef51ca59a5f 100644
--- a/apps/desktop/src/renderer/features/todo-agent/TodoModal/TodoModal.tsx
+++ b/apps/desktop/src/renderer/features/todo-agent/TodoModal/TodoModal.tsx
@@ -237,7 +237,7 @@ export function TodoModal({
 
 	return (
 		<Dialog open={open} onOpenChange={handleOpenChange}>
-			<DialogContent className="max-w-xl sm:max-w-xl rounded-xl">
+			<DialogContent className="!max-w-[min(640px,calc(100vw-2rem))] sm:!max-w-[min(640px,calc(100vw-2rem))] rounded-xl">
 				<DialogHeader>
 					<DialogTitle>新しい自律 TODO</DialogTitle>
 				</DialogHeader>