luxolus/open-consul
2
0
Fork 0
Code Issues 1 Pull requests Packages Releases Wiki Activity

ui: add footer

Browse source
This commit is contained in:
Jack Pearkes 2014-09-05 15:56:50 -04:00
parent 0be08498d8
commit ae6c70a4de
2 changed files with 34 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
ui/index.html
View file

@ -11,13 +11,24 @@
</head>
<body>
<div class="container">
<div class="col-md-12">
<div id="app">
<div class="wrapper">
<div class="container">
<div class="col-md-12">
<div id="app">
</div>
</div>
</div>
<div class="push"></div>
</div>
<div class="footer">
<div class="container">
<div class="col-md-12">
</div>
</div>
</div>
<script type="text/x-handlebars">
{{outlet}}
</script>

20
ui/styles/base.scss
View file

@ -8,6 +8,21 @@
@import "forms";
@import "notifications";
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
height: 100%;
margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
height: 60px; /* .push must be the same height as .footer */
}
@media (min-width: 1120px) { // + 30
.container {
width: 1100px;
@ -128,3 +143,8 @@ a {
white-space: nowrap;
text-overflow: ellipsis;
}
.do-logo {
opacity: 0.6;
margin-top: -3px;
}