Apr 26, 2022 · Apr 26, 2022
diff --git a/src/containers/viewer/ArticleViewer/PostViewer/index.tsx b/src/containers/viewer/ArticleViewer/PostViewer/index.tsx
      <Wrapper>
        <Header article={article} />
        <Title>
          {article.title}
          <SubTitle>#{article.id}</SubTitle>
 <span>{article.title}</span>
          <SubTitle>{article.id}</SubTitle>
        </Title>
        <ArticleInfo article={article} />
        <ViewportTracker onEnter={hideFixedHeader} onLeave={showFixedHeader} />
diff --git a/src/containers/viewer/ArticleViewer/styles/post_viewer/index.tsx b/src/containers/viewer/ArticleViewer/styles/post_viewer/index.tsx
 import styled from 'styled-components'

 importcss,{ theme } from '@/utils/css'
 import { theme } from '@/utils/css'

 export const Wrapper = styled.div`
  padding: 0 8px;
  margin-top: 5px;
 `
 export const Title = styled.div`
  ${css.flex('align-center')};
  color: ${theme('thread.articleTitle')};
  font-size: 25px;
 `
 export const SubTitle = styled.div`
 export const SubTitle = styled.span`
  display: inline-block;
  color: ${theme('thread.articleTitle')};
  opacity: 0.4;
  font-size:18px;
  font-size:19px;
  margin-left: 10px;
  margin-top: -2px;

  &:before {
    content: '#';
    margin-top: 1px;
    margin-right: 2px;
    font-size: 17px;
  }
 `
Original file line number	Diff line number	Diff line change
Expand Up		@@ -38,8 +38,8 @@ const PostViewer: FC<TProps> = ({ article, loading }) => {
		<Wrapper>
		<Header article={article} />
		<Title>
		{article.title}
		<SubTitle>#{article.id}</SubTitle>
		<span>{article.title}</span>
		<SubTitle>{article.id}</SubTitle>
		</Title>
		<ArticleInfo article={article} />
		<ViewportTracker onEnter={hideFixedHeader} onLeave={showFixedHeader} />
Expand Down
Original file line number	Diff line number	Diff line change
		@@ -1,6 +1,6 @@
		import styled from 'styled-components'

		importcss,{ theme } from '@/utils/css'
		import { theme } from '@/utils/css'

		export const Wrapper = styled.div`
		padding: 0 8px;
Expand All		@@ -11,13 +11,21 @@ export const BodyWrapper = styled.div`
		margin-top: 5px;
		`
		export const Title = styled.div`
		${css.flex('align-center')};
		color: ${theme('thread.articleTitle')};
		font-size: 25px;
		`
		export const SubTitle = styled.div`
		export const SubTitle = styled.span`
		display: inline-block;
		color: ${theme('thread.articleTitle')};
		opacity: 0.4;
		font-size:18px;
		font-size:19px;
		margin-left: 10px;
		margin-top: -2px;

		&:before {
		content: '#';
		margin-top: 1px;
		margin-right: 2px;
		font-size: 17px;
		}
		`