دیالوگ و برگه پایین

کاربرد و حالت‌ها

برای موجودیت‌ها (رویداد/وظیفه): پیش‌نمایش و ویرایش در یک لایه انجام می‌شود؛ ایجاد مستقیماً به فرم می‌رود. ساختار: عنوان کوتاه، بدنهٔ اسکرول‌پذیر، یک اکشن اصلی و حذفِ جدا از آن.

رفتار وب فعلی: زیر ۷۲۰px به‌جای دیالوگ، برگهٔ پایین با سقف ۹۲dvh باز می‌شود؛ در عرض‌های بالاتر دیالوگ مرکزی تا عرض ۵۲۰ و ارتفاع min(86vh, 780px). (هدف اولیه عرض ۴۸۰ بود.) دستگیرهٔ ۳۶×۴ فقط بصری است؛ drag پیاده نشده.

پلتفرم و دسترس‌پذیری

Dialog روی Radix است: نام از title، portal، حبس فوکوس و بازگشت آن، و Esc. این‌ها هنوز هدف‌اند و تضمین نشده‌اند: تأیید خروج از فرم تغییریافته، بازماندن دیالوگ حین ذخیره، و بازگردانی حذف. EventModal فعلی این تضمین‌ها را ندارد و هنگام submit بسته می‌شود. دیالوگ تودرتو نسازید.

منبع وب: apps/calendar-web/src/components/ui/dialog.tsx. این قرارداد هدف است؛ وضعیت اجرا در پذیرش واقعی. قواعد مشترک: کنتراست، فوکوس، لمس و حرکت.

نمونهٔ هدف