Commit0347182

committed

style: postItem with community label & adjust looks

1 parent1baca4a commit0347182Copy full SHA for 0347182

File tree

+13

-4

lines changed

src/components/PostItem
- DigestView/DesktopView
  - Body.tsx
- styles/digest_view
  - body.ts

+13

-4

lines changed

Lines changed: 3 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -18,6 +18,7 @@ import {`
`18`	`18`	`Extra,`
`19`	`19`	`LeftPart,`
`20`	`20`	`CommunityLabel,`
	`21`	`+LabelDivider,`
`21`	`22`	`AuthorName,`
`22`	`23`	`ItemWrapper,`
`23`	`24`	`ViewsIcon,`
`@@ -33,9 +34,9 @@ const Body: FC<TProps> = ({ item }) => {`
`33`	`34`	`<Extra>`
`34`	`35`	`<LeftPart>`
`35`	`36`	`<CommunityLabel>Elixir</CommunityLabel>`
`36`		`-<Dotradius={3}space={8}/>`
	`37`	`+<LabelDivider/>`
`37`	`38`	`<AuthorName>{item.author.nickname}</AuthorName>`
`38`		`-<Dotradius={3}space={8}/>`
	`39`	`+<Dotradius={3}space={10}/>`
`39`	`40`	`<PublishTime>`
`40`	`41`	`<TimeAgodatetime={item.insertedAt}locale="zh_CN"/>`
`41`	`42`	`</PublishTime>`

Lines changed: 10 additions & 2 deletions

Original file line number	Diff line number	Diff line change
@@ -32,13 +32,21 @@ export const CommunityLabel = styled.div`
`32`	`32`	`content: '';`
`33`	`33`	`position: absolute;`
`34`	`34`	`left: 1px;`
`35`		`- top:4px;`
	`35`	`+ top:3px;`
`36`	`36`	`width: 6px;`
`37`		`- height:10px;`
	`37`	`+ height:11px;`
`38`	`38`	`border-radius: 4px;`
`39`	`39`	`background-color: #49a5a0;`
`40`	`40`	`}`
`41`	`41`	`
	`42`	+exportconstLabelDivider=styled.div`
	`43`	`+ width: 1px;`
	`44`	`+ height: 8px;`
	`45`	`+ margin-left: 10px;`
	`46`	`+ margin-right: 12px;`
	`47`	`+ background-color: #49a5a0;`
	`48`	`+ transform: rotate(12deg);`
	`49`	+`
`42`	`50`	exportconstAuthorName=styled.div`
`43`	`51`	`color:${theme('thread.extraInfo')};`
`44`	`52`	`font-size: 13px;`

Comments

(0)