forks/peertube
1
0
Fork 0
Code Releases Activity

Improve responsive account about page

Browse source
This commit is contained in:
Chocobozzz 2018-05-09 09:23:27 +02:00
parent 71e3dfda4e
commit 1952a538ba
No known key found for this signature in database
GPG key ID: 583A612D890159BE
3 changed files with 13 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
client/src/app/+accounts/account-about/account-about.component.html
View file

@ -1,10 +1,10 @@
<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="content">{{ getAccountDescription() }}</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="content">Joined {{ account.createdAt | date }}</div>

10
client/src/app/+accounts/account-about/account-about.component.scss
View file

@ -1,8 +1,12 @@
@import '_variables';
@import '_mixins';
.small-title {
@include in-content-small-title;
.block {
margin-bottom: 40px;
margin-bottom: 20px;
.small-title {
@include in-content-small-title;
margin-bottom: 20px;
}
}

4
client/src/sass/application.scss
View file

@ -111,6 +111,10 @@ label {
&:hover, &:active, &:focus {
color: #000;
}
@media screen and (max-width: 500px) {
margin-right: 20px;
}
}
.admin-sub-header {