feat: add header component with integrated settings and data management modal controls

2026-08-27 23:47:05 +07:00
parent 630002ac13
commit aac408c491
2 changed files with 516 additions and 347 deletions
@@ -636,7 +636,15 @@ export default function Header() {
            {/* Modals */}
            {modalConfigs?.map(({ id, title, onClose, content }) => (
                <dialog key={id} id={id} className="modal">
-                    <div className={`modal-box w-11/12 max-w-[92vw] sm:max-w-[88vw] ${id === 'monster_modal' ? 'h-[85vh]' : 'max-h-[90vh]'} max-h-[90vh] flex flex-col bg-base-100 text-base-content border border-base-content/10 shadow-2xl rounded-2xl p-0 overflow-hidden`}>
+                    <div className={`modal-box w-11/12 ${
+                        id === 'monster_modal' 
+                            ? 'max-w-[92vw] sm:max-w-[88vw] h-[85vh]' 
+                            : id === 'extra_modal'
+                            ? 'max-w-3xl lg:max-w-4xl max-h-[88vh]'
+                            : id === 'connect_modal'
+                            ? 'max-w-lg max-h-[85vh]'
+                            : 'max-w-2xl max-h-[90vh]'
+                    } max-h-[90vh] flex flex-col bg-base-100 text-base-content border border-base-content/10 shadow-2xl rounded-2xl p-0 overflow-hidden`}>
                        {/* Modal Header */}
                        <div className="sticky top-0 z-20 flex items-center justify-between px-6 py-4 border-b border-base-content/10 bg-base-100 shrink-0">
                            <h3 className="font-bold text-xl tracking-tight bg-clip-text text-transparent bg-linear-to-r from-primary via-accent to-secondary">