chore: full width and hieght for full screen moder json editor in mobile

Author: x0sina

dashboard/src/components/dialogs/CoreConfigModal.tsx

@@ -787,7 +787,6 @@ export default function CoreConfigModal({ isDialogOpen, onOpenChange, form, edit
         <DialogContent className="h-full max-w-full px-2 py-6 sm:h-auto sm:max-w-2xl">
           <DialogHeader>
             <DialogTitle className="flex items-center gap-2 text-base sm:text-lg">
-              <Shield className="h-4 w-4 sm:h-5 sm:w-5 text-primary shrink-0" />
               <span className="truncate">{t('coreConfigModal.vlessAdvancedSettings', { defaultValue: 'VLESS Advanced Settings' })}</span>
             </DialogTitle>
           </DialogHeader>
@@ -1288,8 +1287,9 @@ export default function CoreConfigModal({ isDialogOpen, onOpenChange, form, edit
 
                                 {/* Fullscreen Mode */}
                                 {isEditorFullscreen ? (
-                                  <div className="relative z-10 w-full max-w-[95vw] h-auto rounded-lg border shadow-xl bg-background flex flex-col my-4 sm:my-8">
-                                    <div className="flex items-center justify-between border-b bg-background px-3 py-2.5 rounded-t-lg">
+                                  <div className="relative z-10 w-full h-full sm:w-full sm:max-w-[95vw] sm:h-auto sm:rounded-lg sm:border sm:shadow-xl bg-background flex flex-col sm:my-8">
+                                    {/* Header - hidden on mobile, visible on desktop */}
+                                    <div className="hidden sm:flex items-center justify-between border-b bg-background px-3 py-2.5 rounded-t-lg">
                                       <div className="flex items-center gap-2">
                                         <span className="text-sm font-medium">Xray Core Configuration</span>
                                       </div>
@@ -1304,7 +1304,18 @@ export default function CoreConfigModal({ isDialogOpen, onOpenChange, form, edit
                                         <Minimize2 className="h-4 w-4" />
                                       </Button>
                                     </div>
-                                    <div className="relative h-[calc(100vh-80px)] sm:h-[calc(100vh-160px)]" style={{ width: '100%' }}>
+                                    {/* Floating minimize button for mobile */}
+                                    <Button
+                                      type="button"
+                                      size="icon"
+                                      variant="default"
+                                      className="absolute top-2 right-2 z-20 sm:hidden h-9 w-9 rounded-full shadow-lg"
+                                      onClick={handleToggleFullscreen}
+                                      aria-label={t('exitFullscreen')}
+                                    >
+                                      <Minimize2 className="h-4 w-4" />
+                                    </Button>
+                                    <div className="relative h-full sm:h-[calc(100vh-160px)]" style={{ width: '100%' }}>
                                       <Editor
                                         height="100%"
                                         defaultLanguage="json"