From 1316089fc96c9abe15f7f828a04df01fbb43be60 Mon Sep 17 00:00:00 2001
From: IRBorisov <8611739+IRBorisov@users.noreply.github.com>
Date: Fri, 10 May 2024 15:28:33 +0300
Subject: [PATCH] Fix dialog positioning

---
 rsconcept/frontend/src/components/ui/Modal.tsx     | 11 ++++++++---
 rsconcept/frontend/src/dialogs/DlgShowAST.tsx      |  8 +-------
 rsconcept/frontend/src/dialogs/DlgUploadRSForm.tsx |  2 +-
 3 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/rsconcept/frontend/src/components/ui/Modal.tsx b/rsconcept/frontend/src/components/ui/Modal.tsx
index 2b4aeec2..babf9958 100644
--- a/rsconcept/frontend/src/components/ui/Modal.tsx
+++ b/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>
   );
 }
 
diff --git a/rsconcept/frontend/src/dialogs/DlgShowAST.tsx b/rsconcept/frontend/src/dialogs/DlgShowAST.tsx
index 7721568e..79413fad 100644
--- a/rsconcept/frontend/src/dialogs/DlgShowAST.tsx
+++ b/rsconcept/frontend/src/dialogs/DlgShowAST.tsx
@@ -61,13 +61,7 @@ function DlgShowAST({ hideWindow, syntaxTree, expression }: DlgShowASTProps) {
           </div>
         ) : null}
       </div>
-      <div
-        className='relative'
-        style={{
-          width: 'calc(100vw - 6rem - 2px)',
-          height: 'calc(100vh - 14rem - 2px)'
-        }}
-      >
+      <div className='relative w-[calc(100vw-6rem-2px)] h-[calc(100vh-14rem-2px)]'>
         <GraphUI
           animated={false}
           nodes={nodes}
diff --git a/rsconcept/frontend/src/dialogs/DlgUploadRSForm.tsx b/rsconcept/frontend/src/dialogs/DlgUploadRSForm.tsx
index 77a8abb8..efe48225 100644
--- a/rsconcept/frontend/src/dialogs/DlgUploadRSForm.tsx
+++ b/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