evo/Evo.External.App
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

apps/web: fix overlay layout

Browse Source
This commit is contained in:
vchikalkin 2023-11-24 10:31:16 +03:00
parent 39c13e9422
commit 6c2e204499
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
apps/web/components/Form/Overlay.tsx
View File

@ -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>
);
}

2
apps/web/components/Form/index.tsx
View File

@ -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} />