Commitd66c006

authored

fix(post-viewer): id sign align (#1298)

1 parent7a666f0 commitd66c006Copy full SHA for d66c006

File tree

+14

-6

lines changed

src/containers/viewer/ArticleViewer
- PostViewer
  - index.tsx
- styles/post_viewer
  - index.tsx

+14

-6

lines changed

Lines changed: 2 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -38,8 +38,8 @@ const PostViewer: FC<TProps> = ({ article, loading }) => {`
`38`	`38`	`<Wrapper>`
`39`	`39`	`<Headerarticle={article}/>`
`40`	`40`	`<Title>`
`41`		`-{article.title}`
`42`		`-<SubTitle>#{article.id}</SubTitle>`
	`41`	`+<span>{article.title}</span>`
	`42`	`+<SubTitle>{article.id}</SubTitle>`
`43`	`43`	`</Title>`
`44`	`44`	`<ArticleInfoarticle={article}/>`
`45`	`45`	`<ViewportTrackeronEnter={hideFixedHeader}onLeave={showFixedHeader}/>`

Lines changed: 12 additions & 4 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`importstyledfrom'styled-components'`
`2`	`2`
`3`		`-importcss,{theme}from'@/utils/css'`
	`3`	`+import{theme}from'@/utils/css'`
`4`	`4`
`5`	`5`	exportconstWrapper=styled.div`
`6`	`6`	`padding: 0 8px;`
@@ -11,13 +11,21 @@ export const BodyWrapper = styled.div`
`11`	`11`	`margin-top: 5px;`
`12`	`12`	`
`13`	`13`	exportconstTitle=styled.div`
`14`		`-${css.flex('align-center')};`
`15`	`14`	`color:${theme('thread.articleTitle')};`
`16`	`15`	`font-size: 25px;`
`17`	`16`	`
`18`		-exportconstSubTitle=styled.div`
	`17`	+exportconstSubTitle=styled.span`
	`18`	`+ display: inline-block;`
`19`	`19`	`color:${theme('thread.articleTitle')};`
`20`	`20`	`opacity: 0.4;`
`21`		`- font-size:18px;`
	`21`	`+ font-size:19px;`
`22`	`22`	`margin-left: 10px;`
	`23`	`+ margin-top: -2px;`
	`24`	`+`
	`25`	`+ &:before {`
	`26`	`+ content: '#';`
	`27`	`+ margin-top: 1px;`
	`28`	`+ margin-right: 2px;`
	`29`	`+ font-size: 17px;`
	`30`	`+ }`
`23`	`31`	`

Comments

(0)