mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-04-25 04:46:40 +07:00
refactor editos
This commit is contained in:
parent
03ddb1862c
commit
5e9c111e0f
149 changed files with 416 additions and 317 deletions
11
src/components/common/BlurWrapper/index.tsx
Normal file
11
src/components/common/BlurWrapper/index.tsx
Normal file
|
@ -0,0 +1,11 @@
|
|||
import React, { AllHTMLAttributes, FC } from 'react';
|
||||
|
||||
import classNames from 'classnames';
|
||||
|
||||
import styles from './styles.module.scss';
|
||||
|
||||
type IProps = AllHTMLAttributes<HTMLDivElement> & { is_blurred: boolean };
|
||||
|
||||
export const BlurWrapper: FC<IProps> = ({ children, is_blurred }) => (
|
||||
<div className={classNames(styles.blur, { [styles.is_blurred]: is_blurred })}>{children}</div>
|
||||
);
|
9
src/components/common/BlurWrapper/styles.module.scss
Normal file
9
src/components/common/BlurWrapper/styles.module.scss
Normal file
|
@ -0,0 +1,9 @@
|
|||
@import "src/styles/variables";
|
||||
|
||||
.blur {
|
||||
padding-top: $header_height + 2px;
|
||||
display: flex;
|
||||
box-sizing: border-box;
|
||||
flex-direction: column;
|
||||
min-height: 100vh;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue