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

fixed tag sidebar sidebar appearance

Browse source
This commit is contained in:
Fedor Katurov 2022-01-17 12:57:43 +07:00
parent 155138a5dd
commit 237f978cbd
2 changed files with 38 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/containers/sidebars/TagSidebar/index.tsx
View file

@ -8,6 +8,7 @@ import { InfiniteScroll } from '~/components/containers/InfiniteScroll';
import { Tag } from '~/components/tags/Tag';
import { useTagNodes } from '~/hooks/tag/useTagNodes';
import { DialogComponentProps } from '~/types/modal';
import { SidebarStack } from '~/components/sidebar/SidebarStack';
interface TagSidebarProps extends DialogComponentProps {
tag: string;
@ -19,6 +20,7 @@ const TagSidebar: VFC<TagSidebarProps> = ({ tag, onRequestClose }) => {
return (
<SidebarWrapper onClose={onRequestClose}>
<SidebarStack>
<div className={styles.wrap}>
<div className={styles.content}>
<div className={styles.head}>
@ -56,6 +58,7 @@ const TagSidebar: VFC<TagSidebarProps> = ({ tag, onRequestClose }) => {
)}
</div>
</div>
</SidebarStack>
</SidebarWrapper>
);
};

5
src/containers/sidebars/TagSidebar/styles.module.scss
View file

@ -2,6 +2,8 @@
.wrap {
@include sidebar_content(400px);
width: 100vw;
max-width: 400px;
}
.content {
@ -17,11 +19,12 @@
}
.head {
@include row_shadow;
display: flex;
align-items: center;
justify-content: center;
padding: $gap;
box-shadow: transparentize(white, 0.95) 0 1px;
}
.tag {