muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-24 20:36:40 +07:00
Code Packages Activity Actions

#23 fixed lab frames with header

Browse source
This commit is contained in:
Fedor Katurov 2021-03-12 17:51:14 +07:00
parent 05b4ed19c6
commit b7276fd6e3
3 changed files with 65 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

32
src/components/lab/LabHead/index.tsx Normal file
View 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 };

14
src/components/main/Header/index.tsx
View file

@ -82,6 +82,13 @@ const HeaderUnconnected: FC<IProps> = memo(
<Filler />
<div className={styles.plugs}>
<Link
className={classNames(styles.item, { [styles.is_active]: pathname === URLS.BASE })}
to={URLS.BASE}
>
ФЛОУ
</Link>
{is_user && (
<Link
className={classNames(styles.item, { [styles.is_active]: pathname === URLS.BASE })}
@ -91,13 +98,6 @@ const HeaderUnconnected: FC<IProps> = memo(
</Link>
)}
<Link
className={classNames(styles.item, { [styles.is_active]: pathname === URLS.BASE })}
to={URLS.BASE}
>
ФЛОУ
</Link>
<Link
className={classNames(styles.item, {
[styles.is_active]: pathname === URLS.BORIS,

29
src/containers/lab/LabLayout/index.tsx
View file

@ -11,6 +11,8 @@ import { Grid } from '~/components/containers/Grid';
import { Group } from '~/components/containers/Group';
import { LabHero } from '~/components/lab/LabHero';
import { LabBanner } from '~/components/lab/LabBanner';
import { LabHead } from '~/components/lab/LabHead';
import { Filler } from '~/components/containers/Filler';
interface IProps {}
@ -25,9 +27,11 @@ const LabLayout: FC<IProps> = () => {
<div>
<Container>
<div className={styles.wrap}>
<div className={styles.content}>
<Group className={styles.content}>
<LabHead />
<LabGrid />
</div>
</Group>
<div className={styles.panel}>
<Sticky>
<Group>
@ -35,8 +39,13 @@ const LabLayout: FC<IProps> = () => {
<Card>
<Group>
<Placeholder height={32} width="100%" />
<Placeholder height={36} width="100%" />
<Group horizontal>
<Filler />
<Placeholder height={32} width="120px" />
</Group>
<div />
<div />
<Placeholder height={14} width="100px" />
@ -52,6 +61,7 @@ const LabLayout: FC<IProps> = () => {
<Placeholder height={20} width="64px" />
</div>
<div />
<div />
<Placeholder height={14} width="180px" />
@ -75,6 +85,19 @@ const LabLayout: FC<IProps> = () => {
</Group>
<div />
<div />
<Group>
<Placeholder width="100%" height={100} />
<Placeholder width="120px" height={16} />
</Group>
<div />
<Group>
<Placeholder width="100%" height={100} />
<Placeholder width="120px" height={16} />
</Group>
</Group>
</Card>
</Group>