muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 04:46:40 +07:00
Code Packages Activity Actions

added login scene as backdrop component

Browse source
This commit is contained in:
Fedor Katurov 2022-08-01 15:58:32 +07:00
parent ea91627589
commit d4e8b59eea
4 changed files with 76 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/containers/dialogs/LoginDialog/index.tsx
View file

@ -1,6 +1,7 @@
import React, { FC, useCallback } from "react";
import { LoginDialogButtons } from "~/components/auth/login/LoginDialogButtons";
import { LoginScene } from "~/components/auth/login/LoginScene";
import { Group } from "~/components/containers/Group";
import { Padder } from "~/components/containers/Padder";
import { BetterScrollDialog } from "~/components/dialogs/BetterScrollDialog";
@ -45,7 +46,7 @@ const LoginDialog: FC<LoginDialogProps> = ({ onRequestClose }) => {
width={300}
onClose={onRequestClose}
footer={<LoginDialogButtons openOauthWindow={openOauthWindow} />}
backdrop={<div className={styles.backdrop} />}
backdrop={<LoginScene />}
>
<Padder>
<div className={styles.wrap}>

10
src/containers/dialogs/LoginDialog/styles.module.scss
View file

@ -46,13 +46,3 @@ $vk_color: $secondary_color;
color: lighten($content_bg, 40%);
}
}
.backdrop {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(/images/clouds.svg) 50% 50%;
background-size: cover;
}