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

fixed sticky at boris layout

Browse source
This commit is contained in:
Fedor Katurov 2021-03-09 13:52:49 +07:00
parent 9e87e1eb3e
commit dd46a3f036
1 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/containers/node/BorisLayout/index.tsx
View file

@ -12,7 +12,6 @@ import { NodeCommentForm } from '~/components/node/NodeCommentForm';
import isBefore from 'date-fns/isBefore'; import isBefore from 'date-fns/isBefore';
import { Card } from '~/components/containers/Card'; import { Card } from '~/components/containers/Card';
import { Footer } from '~/components/main/Footer'; import { Footer } from '~/components/main/Footer';
import { Sticky } from '~/components/containers/Sticky';
import { BorisStats } from '~/components/boris/BorisStats'; import { BorisStats } from '~/components/boris/BorisStats';
import { useShallowSelect } from '~/utils/hooks/useShallowSelect'; import { useShallowSelect } from '~/utils/hooks/useShallowSelect';
import { selectBorisStats } from '~/redux/boris/selectors'; import { selectBorisStats } from '~/redux/boris/selectors';
@ -20,6 +19,7 @@ import { authSetUser } from '~/redux/auth/actions';
import { nodeLoadNode } from '~/redux/node/actions'; import { nodeLoadNode } from '~/redux/node/actions';
import { borisLoadStats } from '~/redux/boris/actions'; import { borisLoadStats } from '~/redux/boris/actions';
import { Container } from '~/containers/main/Container'; import { Container } from '~/containers/main/Container';
import StickyBox from 'react-sticky-box/dist/esnext';
type IProps = {}; type IProps = {};
@ -89,7 +89,7 @@ const BorisLayout: FC<IProps> = () => {
</Card> </Card>
<Group className={styles.stats}> <Group className={styles.stats}>
<Sticky> <StickyBox className={styles.sticky} offsetTop={72} offsetBottom={10}>
<Group className={styles.stats__container}> <Group className={styles.stats__container}>
<div className={styles.stats__about}> <div className={styles.stats__about}>
<h4>Господи-боженьки, где это я?</h4> <h4>Господи-боженьки, где это я?</h4>
@ -106,7 +106,7 @@ const BorisLayout: FC<IProps> = () => {
<BorisStats stats={stats} /> <BorisStats stats={stats} />
</div> </div>
</Group> </Group>
</Sticky> </StickyBox>
</Group> </Group>
</div> </div>
</div> </div>