mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-05-03 16:46:41 +07:00
#23 made sample lab layout
This commit is contained in:
parent
3aa2d4f609
commit
05b4ed19c6
9 changed files with 123 additions and 2 deletions
src/components/lab/LabBanner
22
src/components/lab/LabBanner/index.tsx
Normal file
22
src/components/lab/LabBanner/index.tsx
Normal file
|
@ -0,0 +1,22 @@
|
|||
import React, { FC } from 'react';
|
||||
import styles from './styles.module.scss';
|
||||
import { Card } from '~/components/containers/Card';
|
||||
import { Placeholder } from '~/components/placeholders/Placeholder';
|
||||
import { Group } from '~/components/containers/Group';
|
||||
|
||||
interface IProps {}
|
||||
|
||||
const LabBanner: FC<IProps> = () => (
|
||||
<Card className={styles.wrap}>
|
||||
<Group>
|
||||
<Placeholder height={32} />
|
||||
<Placeholder height={18} width="120px" />
|
||||
<Placeholder height={18} width="200px" />
|
||||
<Placeholder height={18} width="60px" />
|
||||
<Placeholder height={18} width="180px" />
|
||||
<Placeholder height={18} width="230px" />
|
||||
</Group>
|
||||
</Card>
|
||||
);
|
||||
|
||||
export { LabBanner };
|
5
src/components/lab/LabBanner/styles.module.scss
Normal file
5
src/components/lab/LabBanner/styles.module.scss
Normal file
|
@ -0,0 +1,5 @@
|
|||
@import "~/styles/variables.scss";
|
||||
|
||||
.wrap {
|
||||
background: $red_gradient_alt;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue