maverick/flex-template-web
1
0
Fork 0
mirror of https://github.com/kingomarnajjar/flex-template-web.git synced 2026-07-29 05:00:43 +10:00
Code Issues Projects Releases Packages Wiki Activity Actions

Margins were in wrong elements

Browse source
This commit is contained in:
Vesa Luusua 2017-12-20 18:53:54 +02:00
parent f778f9ee35
commit 81e4339928
2 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/components/TransactionPanel/TransactionPanel.css
View file

@ -86,14 +86,19 @@
}
}
.avatarDesktop {
.avatarWrapperProviderDesktop {
display: none;
@media (--viewportLarge) {
display: flex;
display: block;
margin-top: 119px;
}
}
.avatarDesktop {
@media (--viewportLarge) {
display: flex;
}
}
.headingOrder {
margin: 29px 24px 0 24px;

2
src/components/TransactionPanel/TransactionPanel.js
View file

@ -240,7 +240,7 @@ export class TransactionPanelComponent extends Component {
<AvatarMedium user={currentProvider} />
</div>
{isProvider ? (
<div className={css.avatarWrapper}>
<div className={css.avatarWrapperProviderDesktop}>
<AvatarLarge user={currentCustomer} className={css.avatarDesktop} />
</div>
) : null}