Add separations in the panel
This commit is contained in:
parent
33b992603c
commit
a0382b70d0
|
@ -17,24 +17,28 @@
|
|||
<div class="row">
|
||||
|
||||
<menu class="col-md-2">
|
||||
<div id="panel_get_videos" class="panel_button">
|
||||
<span class="glyphicon glyphicon-list"></span>
|
||||
<a [routerLink]="['VideosList']">Get videos</a>
|
||||
<div class="panel_block">
|
||||
<div id="panel_get_videos" class="panel_button">
|
||||
<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 id="panel_upload_video" class="panel_button">
|
||||
<span class="glyphicon glyphicon-cloud-upload"></span>
|
||||
<a [routerLink]="['VideosAdd']">Upload a video</a>
|
||||
</div>
|
||||
<div class="panel_block">
|
||||
<div id="panel_make_friends" class="panel_button">
|
||||
<span class="glyphicon glyphicon-user"></span>
|
||||
<a (click)='makeFriends()'>Make friends</a>
|
||||
</div>
|
||||
|
||||
<div id="panel_make_friends" class="panel_button">
|
||||
<span class="glyphicon glyphicon-user"></span>
|
||||
<a (click)='makeFriends()'>Make friends</a>
|
||||
</div>
|
||||
|
||||
<div id="panel_quit_friends" class="panel_button">
|
||||
<span class="glyphicon glyphicon-plane"></span>
|
||||
<a (click)='quitFriends()'>Quit friends</a>
|
||||
<div id="panel_quit_friends" class="panel_button">
|
||||
<span class="glyphicon glyphicon-plane"></span>
|
||||
<a (click)='quitFriends()'>Quit friends</a>
|
||||
</div>
|
||||
</div>
|
||||
</menu>
|
||||
|
||||
|
|
|
@ -17,4 +17,8 @@ footer {
|
|||
|
||||
&:hover { text-decoration: none; }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.panel_block:not(:last-child) {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue