mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-04-25 12:56:41 +07:00
fixed sticky elements
This commit is contained in:
parent
e99dc7d2c9
commit
8311d3d43d
3 changed files with 8 additions and 8 deletions
|
@ -16,6 +16,7 @@ import { NodeComments } from '~/containers/node/NodeComments';
|
|||
import { useUserContext } from '~/utils/context/UserContextProvider';
|
||||
import { useNodeRelatedContext } from '~/utils/context/NodeRelatedContextProvider';
|
||||
import { useAuthProvider } from '~/utils/providers/AuthProvider';
|
||||
import { Sticky } from '~/components/containers/Sticky';
|
||||
|
||||
interface IProps {
|
||||
commentsOrder: 'ASC' | 'DESC';
|
||||
|
@ -52,8 +53,8 @@ const NodeBottomBlock: FC<IProps> = ({ commentsOrder }) => {
|
|||
</Group>
|
||||
|
||||
<div className={styles.panel}>
|
||||
<StickyBox className={styles.sticky} offsetTop={72}>
|
||||
<div className={styles.left}>
|
||||
<div className={styles.left}>
|
||||
<Sticky>
|
||||
<div className={styles.left_item}>
|
||||
<NodeAuthorBlock user={node?.user} />
|
||||
</div>
|
||||
|
@ -64,8 +65,8 @@ const NodeBottomBlock: FC<IProps> = ({ commentsOrder }) => {
|
|||
<div className={styles.left_item}>
|
||||
<NodeRelatedBlock isLoading={isLoadingRelated} node={node} related={related} />
|
||||
</div>
|
||||
</div>
|
||||
</StickyBox>
|
||||
</Sticky>
|
||||
</div>
|
||||
</div>
|
||||
</Group>
|
||||
</Padder>
|
||||
|
|
|
@ -34,7 +34,6 @@
|
|||
|
||||
@media (max-width: 1024px) {
|
||||
padding-left: 0;
|
||||
padding-top: $comment_height / 2;
|
||||
flex: 1 2;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue