status-im/community-dapp
2
0
Fork 0
mirror of https://github.com/status-im/community-dapp.git synced 2025-02-23 11:38:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

Mobile weekly feature banner (#144)

Browse Source
This commit is contained in:
Maria Rushkova 2021-07-22 12:41:01 +02:00 committed by GitHub
parent 010b7f56d0
commit 5f1a1d5c79
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
packages/DApp/src/components/WeeklyFeature.tsx
View File

@ -11,9 +11,9 @@ export const WeeklyFeature = ({ endDate }: { endDate: Date }) => {
return ( return (
<View> <View>
⭐ <span>Weekly Feature vote:</span> ⭐ <span>Weekly Feature vote {window.innerWidth < 600 ? 'ends' : ''}:</span>
{daysLeft}&nbsp; {daysLeft}&nbsp;
{daysLeft.toString().endsWith('1') ? 'day ' : ' days'} left {daysLeft.toString().endsWith('1') ? 'day ' : ' days'} {window.innerWidth < 600 ? '' : 'left'}
</View> </View>
) )
} }
@ -31,9 +31,23 @@ const View = styled.div`
text-align: center; text-align: center;
color: ${Colors.White}; color: ${Colors.White};
@media (max-width: 600px) {
padding: 16px 30px;
font-size: 15px;
line-height: 22px;
}
@media (max-width: 365px) {
padding: 9px;
}
span { span {
font-weight: 400; font-weight: 400;
margin: 0 6px 0 8px; margin: 0 6px 0 8px;
color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5);
@media (max-width: 365px) {
margin: 0 5px;
}
} }
` `