midgard/zeus.ugent.be
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Three fixed buttons

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

16
content/assets/stylesheets/includes/cammie.scss
View file

@ -21,7 +21,7 @@
height: 100%; height: 100%;
#cammie-body { #cammie-body {
//background-image: url("//kelder.zeus.ugent.be/webcam/video/mjpg.cgi?profileid=2"); //background-image: url("//kelder.zeus.ugent.be/webcam/video/mjpg.cgi?profileid=2");
// background-size: cover; // background-size: cover;
position: relative; position: relative;
@ -77,6 +77,20 @@
&.middle-row { &.middle-row {
flex-grow: 8; 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 // Enlarge middle column

16
content/cammie.erb
View file

@ -46,7 +46,21 @@ title: Cammie
<div class="column ctrl left" data-x="-10" data-y="0"> <div class="column ctrl left" data-x="-10" data-y="0">
<%= fa 'chevron-circle-left' %> <%= fa 'chevron-circle-left' %>
</div> </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"> <div class="column ctrl right" data-x="10" data-y="0">
<%= fa 'chevron-circle-right' %> <%= fa 'chevron-circle-right' %>
</div> </div>