Re-add media queries (pertinent info) (#877)
This commit is contained in:
parent
4feed3279e
commit
5b3619ae1b
@ -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={{
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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()}
|
||||
|
||||
@ -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;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user