Three fixed buttons
This commit is contained in:
parent
8d5e5d79f9
commit
58a85c72b0
2 changed files with 30 additions and 2 deletions
|
@ -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
|
||||
|
|
|
@ -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"> </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>
|
||||
|
|
Loading…
Reference in a new issue