apply dialog window and add current css

2026-06-07 20:22:36 +07:00
parent 46cd26f4d2
commit eceb325836
6 changed files with 141 additions and 25 deletions
@@ -51,10 +51,10 @@ export default function CreateTaskModal({ isOpen, onClose }: CreateTaskModalProp
  return (
    <dialog
      ref={dialogRef}
-      className="fixed inset-0 m-auto flex flex-col w-[calc(100%-2rem)] max-w-[480px] max-h-[calc(100vh-4rem)] rounded-2xl border border-gray-100 bg-white p-0 shadow-2xl backdrop:bg-black/40 backdrop:backdrop-blur-sm animate-in fade-in zoom-in-95 duration-200"
+      className="custom-dialog"
    >
      {/* Header Modal */}
-      <div className="flex items-start justify-between px-6 py-5 border-b border-gray-50">
+      <div className="dialog-header">
        <div>
          <h2 className="text-xl font-bold text-[#B30000] tracking-tight">Create New Task</h2>
          <p className="text-xs text-gray-400 font-medium mt-0.5">