Commit575c71e

committed

refactor(media-query): improve empty thread

1 parent6fe5989 commit575c71eCopy full SHA for 575c71e

File tree

+14

-4

lines changed

+14

-4

lines changed

Lines changed: 6 additions & 3 deletions

Original file line number	Diff line number	Diff line change
`@@ -16,6 +16,7 @@ import {`
`16`	`16`	`Icon,`
`17`	`17`	`Text,`
`18`	`18`	`Title,`
	`19`	`+DetailText,`
`19`	`20`	`DescWrapper,`
`20`	`21`	`IssueLink,`
`21`	`22`	`}from'./styles'`
`@@ -26,7 +27,7 @@ const debug = makeDebugger('c:EmptyThread:index')`
`26`	`27`	`constDescContent=({ community, thread})=>(`
`27`	`28`	`<React.Fragment>`
`28`	`29`	`<div>`
`29`		`- 如果你有{community}相关的优质`
	`30`	`+ 如果你有{community}相关的<DetailText>优质</DetailText>`
`30`	`31`	`{Trans(thread)}`
`31`	`32`	`，欢迎一起分享 / 交流`
`32`	`33`	`</div>`
`@@ -39,7 +40,7 @@ const DescContent = ({ community, thread }) => (`
`39`	`40`	`>`
`40`	`41`	`提交issue`
`41`	`42`	`</IssueLink>`
`42`		`- ，以便于开发者排查修复。`
	`43`	`+<DetailText>，以便于开发者排查修复。</DetailText>`
`43`	`44`	`</div>`
`44`	`45`	`</React.Fragment>`
`45`	`46`	`)`
`@@ -51,7 +52,9 @@ const EmptyThread = ({ community, thread }) => (`
`51`	`52`	`</Icon>`
`52`	`53`	`<Text>`
`53`	`54`	`<Title>`
`54`		`-{community} 社区内未找到符合相关条件的`
	`55`	`+{community} 社区内未找到<DetailText>符合</DetailText>相关<DetailText>`
	`56`	`+ 条件的`
	`57`	`+</DetailText>`
`55`	`58`	{`${Trans(thread)}信息`}
`56`	`59`	`</Title>`
`57`	`60`	`<DescWrapper>`

Lines changed: 7 additions & 1 deletion

Original file line number	Diff line number	Diff line change
@@ -35,7 +35,13 @@ export const Title = styled.div`
`35`	`35`	`font-size: 1.3rem;`
`36`	`36`	${cs.media.tablet`
`37`	`37`	`font-size: 1.1rem;`
`38`		-`};
	`38`	+ `};
	`39`	+`
	`40`	`+`
	`41`	+exportconstDetailText=styled.span`
	`42`	+${cs.media.mobile`
	`43`	`+ display: none;`
	`44`	+ `};
`39`	`45`	`
`40`	`46`
`41`	`47`	exportconstDescWrapper=styled.div`

Lines changed: 1 addition & 0 deletions

Original file line number	Diff line number	Diff line change
@@ -42,4 +42,5 @@ export const ExpanderIcon = styled(Img)`
`42`	`42`	`fill${theme('banner.desc')};`
`43`	`43`	`width: 18px;`
`44`	`44`	`height: 20px;`
	`45`	`+ display: block;`
`45`	`46`	`

Comments

(0)