Moved inline row into a new class inside row.scss and applied same rule for channel and share
This commit is contained in:
parent
954bc189d7
commit
22a5b2581d
3 changed files with 82 additions and 58 deletions
|
@ -33,4 +33,3 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -58,3 +58,25 @@
|
|||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: $break-point-tablet) and (min-width: $break-point-phone) {
|
||||
.tablet-inline-row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
|
||||
>.row {
|
||||
flex: 1;
|
||||
margin: 0 15px;
|
||||
|
||||
&:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -24,6 +24,7 @@ class AssetInfo extends React.Component {
|
|||
}
|
||||
rightSide={
|
||||
<div className='asset-information'>
|
||||
<div className='tablet-inline-row'>
|
||||
{channelName && (
|
||||
<Row>
|
||||
<RowLabeledAlt
|
||||
|
@ -53,7 +54,8 @@ class AssetInfo extends React.Component {
|
|||
}
|
||||
/>
|
||||
</Row>
|
||||
|
||||
</div>
|
||||
<div className='tablet-inline-row'>
|
||||
<Row>
|
||||
<RowLabeledAlt
|
||||
label={
|
||||
|
@ -90,6 +92,7 @@ class AssetInfo extends React.Component {
|
|||
}
|
||||
/>
|
||||
</Row>
|
||||
</div>
|
||||
|
||||
<Row>
|
||||
<SpaceBetween>
|
||||
|
|
Loading…
Reference in a new issue