enhance(ui): WIP refactor the classic modal with the shui dialog

packages/ui/@/components/ui/dialog.tsx

@@ -38,7 +38,7 @@ const DialogContent = React.forwardRef<
         ref={ref}
         className={cn(
           'ui__dialog-content',
-          'fixed left-[50%] top-[50%] z-50 grid w-full max-w-xl translate-x-[-50%] translate-y-[-50%] gap-4 border ' +
+          'fixed left-[50%] top-[50%] z-50 grid w-full max-w-2xl lg:max-w-3xl translate-x-[-50%] translate-y-[-50%] gap-4 border ' +
           'bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out ' +
           'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 ' +
           'data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 ' +

src/main/frontend/components/header.cljs

@@ -149,7 +149,7 @@
 
        (when current-repo
          {:title (t :export-graph)
-          :options {:on-click #(state/set-modal! export/export)}
+          :options {:on-click #(shui/dialog-open! export/export)}
           :icon (ui/icon "database-export")})
 
        (when (and current-repo (state/enable-editing?))

src/main/frontend/handler/events.cljs

@@ -453,7 +453,7 @@
 (defmethod handle :go/proxy-settings [[_ agent-opts]]
   (shui/dialog-open!
     (plugin/user-proxy-settings-panel agent-opts)
-    {:id :https-proxy-panel :center? true}))
+    {:id :https-proxy-panel :center? true :class "lg:max-w-2xl"}))
 
 
 (defmethod handle :redirect-to-home [_]