mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-04-25 12:56:41 +07:00
#23 fixed lab frames with header
This commit is contained in:
parent
05b4ed19c6
commit
b7276fd6e3
3 changed files with 65 additions and 10 deletions
32
src/components/lab/LabHead/index.tsx
Normal file
32
src/components/lab/LabHead/index.tsx
Normal file
|
@ -0,0 +1,32 @@
|
|||
import React, { FC } from 'react';
|
||||
import { Group } from '~/components/containers/Group';
|
||||
import { Card } from '~/components/containers/Card';
|
||||
import { Placeholder } from '~/components/placeholders/Placeholder';
|
||||
import { Filler } from '~/components/containers/Filler';
|
||||
|
||||
interface IProps {}
|
||||
|
||||
const LabHead: FC<IProps> = () => (
|
||||
<Card>
|
||||
<Group horizontal>
|
||||
<Group horizontal style={{ flex: '0 0 auto' }}>
|
||||
<Placeholder width="32px" height={32} />
|
||||
<Placeholder width="96px" height={18} />
|
||||
</Group>
|
||||
|
||||
<Group horizontal style={{ flex: '0 0 auto' }}>
|
||||
<Placeholder width="32px" height={32} />
|
||||
<Placeholder width="126px" height={18} />
|
||||
</Group>
|
||||
|
||||
<Group horizontal style={{ flex: '0 0 auto' }}>
|
||||
<Placeholder width="32px" height={32} />
|
||||
<Placeholder width="96px" height={18} />
|
||||
</Group>
|
||||
|
||||
<Filler />
|
||||
</Group>
|
||||
</Card>
|
||||
);
|
||||
|
||||
export { LabHead };
|
Loading…
Add table
Add a link
Reference in a new issue