Add margin when main content is not expanded
This commit is contained in:
parent
2295ce6c4e
commit
d178b5c1f8
|
@ -3,7 +3,7 @@
|
|||
|
||||
<div class="user-info">
|
||||
<div class="user-info-username">{{ user.username }}</div>
|
||||
<div class="user-info-followers">{{ user.account.followersCount }} subscribers</div>
|
||||
<div class="user-info-followers">{{ user.account?.followersCount }} subscribers</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
@ -9,6 +9,7 @@ $black-background: #000;
|
|||
$grey-background: #f6f2f2;
|
||||
|
||||
$expanded-horizontal-margins: 150px;
|
||||
$not-expanded-horizontal-margins: 30px;
|
||||
|
||||
$button-height: 30px;
|
||||
|
||||
|
|
|
@ -52,8 +52,8 @@ input.readonly {
|
|||
}
|
||||
|
||||
.margin-content {
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
margin-left: $not-expanded-horizontal-margins;
|
||||
margin-right: $not-expanded-horizontal-margins;
|
||||
}
|
||||
|
||||
.sub-menu {
|
||||
|
@ -63,6 +63,7 @@ input.readonly {
|
|||
margin-bottom: 30px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-left: $not-expanded-horizontal-margins;
|
||||
}
|
||||
|
||||
// Override some properties if the main content is expanded (no menu on the left)
|
||||
|
|
Loading…
Reference in New Issue