muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-26 05:16:41 +07:00
Code Packages Activity Actions

#23 added lab tabs

Browse source
This commit is contained in:
Fedor Katurov 2021-03-22 17:46:47 +07:00
parent 0c07fb5a45
commit 58d5a8ee35
6 changed files with 84 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

27
src/components/lab/LabHead/index.tsx
View file

@ -1,32 +1,17 @@
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';
import styles from './styles.module.scss';
import { Grid } from '~/components/containers/Grid';
import { LabHeadItem } from '~/components/lab/LabHeadItem';
interface IProps {}
const LabHead: FC<IProps> = () => (
<div className={styles.wrap}>
<div className={styles.group}>
<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 />
<LabHeadItem icon="recent" active>
Свежие
</LabHeadItem>
<LabHeadItem icon="hot">Популярные</LabHeadItem>
<LabHeadItem icon="star_full">Важные</LabHeadItem>
</div>
</div>
);