mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-05-01 23:56:41 +07:00
fixed node related item profile popout
This commit is contained in:
parent
8311d3d43d
commit
c0ece70f89
13 changed files with 106 additions and 186 deletions
src/components/lab
|
@ -1,7 +1,7 @@
|
|||
import React, { FC } from 'react';
|
||||
import styles from './styles.module.scss';
|
||||
import { Group } from '~/components/containers/Group';
|
||||
import { Square } from '~/components/containers/Square';
|
||||
import { Square } from '~/components/lab/LabSquare';
|
||||
|
||||
interface IProps {}
|
||||
|
||||
|
|
16
src/components/lab/LabSquare/index.tsx
Normal file
16
src/components/lab/LabSquare/index.tsx
Normal file
|
@ -0,0 +1,16 @@
|
|||
import React, { FC } from 'react';
|
||||
import styles from './styles.module.scss';
|
||||
import { DivProps } from '~/utils/types';
|
||||
import classNames from 'classnames';
|
||||
|
||||
interface IProps extends DivProps {}
|
||||
|
||||
const Square: FC<IProps> = ({ children, ...rest }) => (
|
||||
<div className={styles.square}>
|
||||
<div {...rest} className={classNames(styles.content, rest.className)}>
|
||||
{children}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
||||
export { Square };
|
12
src/components/lab/LabSquare/styles.module.scss
Normal file
12
src/components/lab/LabSquare/styles.module.scss
Normal file
|
@ -0,0 +1,12 @@
|
|||
.square {
|
||||
position: relative;
|
||||
padding-bottom: 100%;
|
||||
}
|
||||
|
||||
.content {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue