Fix dialog positioning

rsconcept/frontend/src/components/ui/Modal.tsx

@@ -56,12 +56,17 @@ function Modal({
   };
 
   return (
-    <>
+    <div className='fixed top-0 left-0 w-full h-full z-modal'>
       <div className={clsx('z-navigation', 'fixed top-0 left-0', 'w-full h-full', 'cc-modal-blur')} />
       <div className={clsx('z-navigation', 'fixed top-0 left-0', 'w-full h-full', 'cc-modal-backdrop')} />
       <motion.div
         ref={ref}
-        className={clsx('z-modal', 'fixed m-auto', 'border shadow-md', 'clr-app')}
+        className={clsx(
+          'z-modal',
+          'absolute bottom-1/2 left-1/2 -translate-x-1/2 translate-y-1/2',
+          'border shadow-md',
+          'clr-app'
+        )}
         initial={{ ...animateModal.initial }}
         animate={{ ...animateModal.animate }}
         exit={{ ...animateModal.exit }}
@@ -107,7 +112,7 @@ function Modal({
           />
         </div>
       </motion.div>
-    </>
+    </div>
   );
 }
 

rsconcept/frontend/src/dialogs/DlgShowAST.tsx

@@ -61,13 +61,7 @@ function DlgShowAST({ hideWindow, syntaxTree, expression }: DlgShowASTProps) {
           </div>
         ) : null}
       </div>
-      <div
+      <div className='relative w-[calc(100vw-6rem-2px)] h-[calc(100vh-14rem-2px)]'>
-        className='relative'
-        style={{
-          width: 'calc(100vw - 6rem - 2px)',
-          height: 'calc(100vh - 14rem - 2px)'
-        }}
-      >
         <GraphUI
           animated={false}
           nodes={nodes}

rsconcept/frontend/src/dialogs/DlgUploadRSForm.tsx

@@ -46,7 +46,7 @@ function DlgUploadRSForm({ hideWindow }: DlgUploadRSFormProps) {
       canSubmit={!!file}
       onSubmit={handleSubmit}
       submitText='Загрузить'
-      className='w-[20rem] px-6'
+      className='w-[25rem] px-6'
     >
       <FileInput label='Выбрать файл' acceptType={EXTEOR_TRS_FILE} onChange={handleFile} />
       <Checkbox