interesting
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Add separations in the panel

This commit is contained in:
Chocobozzz 2016-03-16 20:45:09 +01:00
parent 33b992603c
commit a0382b70d0
2 changed files with 24 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
client/angular/app/app.component.html
View File

@ -17,24 +17,28 @@
<div class="row"> <div class="row">
<menu class="col-md-2"> <menu class="col-md-2">
<div id="panel_get_videos" class="panel_button"> <div class="panel_block">
<span class="glyphicon glyphicon-list"></span> <div id="panel_get_videos" class="panel_button">
<a [routerLink]="['VideosList']">Get videos</a> <span class="glyphicon glyphicon-list"></span>
<a [routerLink]="['VideosList']">Get videos</a>
</div>
<div id="panel_upload_video" class="panel_button">
<span class="glyphicon glyphicon-cloud-upload"></span>
<a [routerLink]="['VideosAdd']">Upload a video</a>
</div>
</div> </div>
<div id="panel_upload_video" class="panel_button"> <div class="panel_block">
<span class="glyphicon glyphicon-cloud-upload"></span> <div id="panel_make_friends" class="panel_button">
<a [routerLink]="['VideosAdd']">Upload a video</a> <span class="glyphicon glyphicon-user"></span>
</div> <a (click)='makeFriends()'>Make friends</a>
</div>
<div id="panel_make_friends" class="panel_button"> <div id="panel_quit_friends" class="panel_button">
<span class="glyphicon glyphicon-user"></span> <span class="glyphicon glyphicon-plane"></span>
<a (click)='makeFriends()'>Make friends</a> <a (click)='quitFriends()'>Quit friends</a>
</div> </div>
<div id="panel_quit_friends" class="panel_button">
<span class="glyphicon glyphicon-plane"></span>
<a (click)='quitFriends()'>Quit friends</a>
</div> </div>
</menu> </menu>

6
client/stylesheets/base.scss
View File

@ -17,4 +17,8 @@ footer {
&:hover { text-decoration: none; } &:hover { text-decoration: none; }
} }
} }
.panel_block:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}