mirror of https://github.com/Chocobozzz/PeerTube
Improve responsive account about page
parent
71e3dfda4e
commit
1952a538ba
|
@ -1,10 +1,10 @@
|
||||||
<div *ngIf="account" class="row">
|
<div *ngIf="account" class="row">
|
||||||
<div class="description col-md-6 col-sm-12">
|
<div class="block col-md-6 col-sm-12">
|
||||||
<div class="small-title">Description</div>
|
<div class="small-title">Description</div>
|
||||||
<div class="content">{{ getAccountDescription() }}</div>
|
<div class="content">{{ getAccountDescription() }}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="stats col-md-6 col-sm-12">
|
<div class="block col-md-6 col-sm-12">
|
||||||
<div class="small-title">Stats</div>
|
<div class="small-title">Stats</div>
|
||||||
|
|
||||||
<div class="content">Joined {{ account.createdAt | date }}</div>
|
<div class="content">Joined {{ account.createdAt | date }}</div>
|
||||||
|
|
|
@ -1,8 +1,12 @@
|
||||||
@import '_variables';
|
@import '_variables';
|
||||||
@import '_mixins';
|
@import '_mixins';
|
||||||
|
|
||||||
|
.block {
|
||||||
|
margin-bottom: 40px;
|
||||||
|
|
||||||
.small-title {
|
.small-title {
|
||||||
@include in-content-small-title;
|
@include in-content-small-title;
|
||||||
|
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
|
@ -111,6 +111,10 @@ label {
|
||||||
&:hover, &:active, &:focus {
|
&:hover, &:active, &:focus {
|
||||||
color: #000;
|
color: #000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 500px) {
|
||||||
|
margin-right: 20px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.admin-sub-header {
|
.admin-sub-header {
|
||||||
|
|
Loading…
Reference in New Issue