From 6c2e204499538fb65ee3f3126e7d295858d7e394 Mon Sep 17 00:00:00 2001
From: vchikalkin <djchikalkin@gmail.com>
Date: Fri, 24 Nov 2023 10:31:16 +0300
Subject: [PATCH] apps/web: fix overlay layout

---
 apps/web/components/Form/Overlay.tsx | 6 ++++--
 apps/web/components/Form/index.tsx   | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/apps/web/components/Form/Overlay.tsx b/apps/web/components/Form/Overlay.tsx
index 8d900da..cf674b9 100644
--- a/apps/web/components/Form/Overlay.tsx
+++ b/apps/web/components/Form/Overlay.tsx
@@ -7,8 +7,10 @@ import { Background, LoadingSpinner } from 'ui';
 
 function OverlayWrapper({ children }: PropsWithChildren) {
   return (
-    <Background className="absolute grid h-full w-full items-center justify-center border-none bg-opacity-80 backdrop-blur-sm">
-      <div className="flex flex-row items-center gap-2">{children} </div>
+    <Background className="absolute left-0 top-0 grid h-full w-full place-items-center bg-opacity-80 backdrop-blur-sm">
+      <div className="absolute bottom-[50vh] flex flex-row items-center gap-2 md:relative md:bottom-0">
+        {children}
+      </div>
     </Background>
   );
 }
diff --git a/apps/web/components/Form/index.tsx b/apps/web/components/Form/index.tsx
index 493ead4..dded0db 100644
--- a/apps/web/components/Form/index.tsx
+++ b/apps/web/components/Form/index.tsx
@@ -15,7 +15,7 @@ function Content(props: Props) {
   const { pageUrlParams } = useContext(FormContext);
 
   return (
-    <Background className="flex w-full flex-col gap-2 p-5">
+    <Background className="relative flex w-full flex-col gap-2 p-5">
       <Overlay />
       <Header title={title} link={'/ius' + createUrl({ ...pageUrlParams, route: '/conditions' })} />
       <Elements {...props} />