Re-add media queries (pertinent info) (#877)

This commit is contained in:
Jaco Greeff 2019-04-02 09:56:01 +02:00 committed by GitHub
parent 4feed3279e
commit 5b3619ae1b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 7 additions and 8 deletions

View File

@ -38,7 +38,7 @@ class Summary extends React.PureComponent<Props> {
{formatNumber(democracy_referendumCount.sub(democracy_nextTally))}
</CardSummary>
</section>
<section>
<section className='ui--media-medium'>
<CardSummary
label={t('launch period')}
progress={{

View File

@ -45,7 +45,7 @@ class Summary extends React.PureComponent<Props, State> {
return (
<SummaryBox>
<section>
<section className='ui--media-medium'>
<CardSummary label={t('refresh in')}>
<Elapsed value={nextRefresh} />
</CardSummary>
@ -68,7 +68,7 @@ class Summary extends React.PureComponent<Props, State> {
}
</CardSummary>
</section>
<section>
<section className='ui--media-large'>
<CardSummary label={t('queued tx')}>
{
info.extrinsics

View File

@ -19,7 +19,7 @@ class Summary extends React.PureComponent<Props> {
return (
<SummaryBox>
<section>
<section className='ui--media-small'>
<CardSummary label={t('target')}>
<TimePeriod />
</CardSummary>
@ -27,7 +27,7 @@ class Summary extends React.PureComponent<Props> {
<TimeNow />
</CardSummary>
</section>
<section>
<section className='ui--media-large'>
<SummarySession />
</section>
<section>

View File

@ -39,7 +39,7 @@ class Summary extends React.PureComponent<Props> {
{intentions.length}
</CardSummary>
</section>
<section>
<section className='ui--media-medium'>
<SummarySession withBroken={false} />
</section>
{this.renderBalances()}

View File

@ -14,9 +14,8 @@ type Props = BareProps & {
const StyledSummary = styled.div`
align-items: stretch;
background: rgba(255,255,255,0.65);
border: 1px solid rgba(0,0,0,0.03);
border-radius: 4px;
box-shadow: inset 0px -5px 12px rgba(0,0,0,0.035);
box-shadow: 0 10px 40px rgba(0,0,0,.1);
display: flex;
flex-wrap: no-wrap;
justify-content: space-between;