diff --git a/src/containers/sidebars/TagSidebar/index.tsx b/src/containers/sidebars/TagSidebar/index.tsx index d2908462..5eb5ac3e 100644 --- a/src/containers/sidebars/TagSidebar/index.tsx +++ b/src/containers/sidebars/TagSidebar/index.tsx @@ -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,43 +20,45 @@ const TagSidebar: VFC = ({ tag, onRequestClose }) => { return ( -
-
-
-
- + +
+
+
+
+ +
+ + {isLoading && ( +
+ +
+ )} + +
+ +
- {isLoading && ( -
- + {!nodes.length && !isLoading ? ( +
+ +
+ У этого тэга нет постов +
+
+ Такие дела +
+ ) : ( + + + )} - -
- -
- - {!nodes.length && !isLoading ? ( -
- -
- У этого тэга нет постов -
-
- Такие дела -
-
- ) : ( - - - - )}
-
+
); }; diff --git a/src/containers/sidebars/TagSidebar/styles.module.scss b/src/containers/sidebars/TagSidebar/styles.module.scss index 6b1e2995..6d9b4f17 100644 --- a/src/containers/sidebars/TagSidebar/styles.module.scss +++ b/src/containers/sidebars/TagSidebar/styles.module.scss @@ -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 {