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

fixed semantic markup

This commit is contained in:
Fedor Katurov 2022-03-03 20:00:46 +07:00
parent 746e323baf
commit 4e5a6d727a
5 changed files with 20 additions and 17 deletions

View file

@ -60,7 +60,7 @@ const Header: FC<HeaderProps> = observer(() => {
}, [top]);
return (
<div className={classNames(styles.wrap, { [styles.is_scrolled]: isScrolled })}>
<header className={classNames(styles.wrap, { [styles.is_scrolled]: isScrolled })}>
<div className={styles.container}>
<div className={styles.logo_wrapper}>
<Logo />
@ -68,7 +68,7 @@ const Header: FC<HeaderProps> = observer(() => {
<Filler className={styles.filler} />
<div className={styles.plugs}>
<nav className={styles.plugs}>
<Authorized>
<Anchor
className={classNames(styles.item, {
@ -97,7 +97,7 @@ const Header: FC<HeaderProps> = observer(() => {
БОРИС
</Anchor>
</Authorized>
</div>
</nav>
{isUser && <UserButton user={user} onLogout={logout} authOpenProfile={openProfile} />}
@ -107,7 +107,7 @@ const Header: FC<HeaderProps> = observer(() => {
</Button>
)}
</div>
</div>
</header>
);
});

View file

@ -42,18 +42,20 @@ const NodeBottomBlock: FC<IProps> = ({ commentsOrder }) => {
<Group className={styles.comments}>
{inline && <div className={styles.inline}>{inline}</div>}
{isLoading || isLoadingComments || (!comments.length && !inline) ? (
<NodeNoComments is_loading={isLoadingComments || isLoading} />
) : (
<NodeComments order={commentsOrder} />
)}
<article>
{isLoading || isLoadingComments || (!comments.length && !inline) ? (
<NodeNoComments is_loading={isLoadingComments || isLoading} />
) : (
<NodeComments order={commentsOrder} />
)}
</article>
{isUser && !isLoading && (
<NodeCommentForm nodeId={node.id} saveComment={onSaveComment} user={user} />
)}
</Group>
<div className={styles.panel}>
<aside className={styles.panel}>
<div className={styles.left}>
<Sticky>
<div className={styles.left_item}>
@ -68,7 +70,7 @@ const NodeBottomBlock: FC<IProps> = ({ commentsOrder }) => {
</div>
</Sticky>
</div>
</div>
</aside>
</Group>
</Padder>
</Group>