Three fixed buttons

This commit is contained in:
David Vandorpe 2016-08-30 18:16:19 +02:00
parent 8d5e5d79f9
commit 58a85c72b0
2 changed files with 30 additions and 2 deletions

View file

@ -21,7 +21,7 @@
height: 100%;
#cammie-body {
//background-image: url("//kelder.zeus.ugent.be/webcam/video/mjpg.cgi?profileid=2");
// background-size: cover;
// background-size: cover;
position: relative;
@ -77,6 +77,20 @@
&.middle-row {
flex-grow: 8;
.center {
.ctrl-half {
width: 100%;
height: 50%;
display: flex;
justify-content: space-around;
align-items: center;
.ctrl {
padding: 15px;
}
}
}
}
// Enlarge middle column

View file

@ -46,7 +46,21 @@ title: Cammie
<div class="column ctrl left" data-x="-10" data-y="0">
<%= fa 'chevron-circle-left' %>
</div>
<div class="column center">&nbsp;</div>
<div class="column center">
<div class="ctrl-half">
<div class="ctrl">
Kleine tafel
</div>
<div class="ctrl">
Grote tafel
</div>
</div>
<div class="ctrl-half">
<div class="ctrl">
Zetel
</div>
</div>
</div>
<div class="column ctrl right" data-x="10" data-y="0">
<%= fa 'chevron-circle-right' %>
</div>