status-im/consul
2
0
Fork 0
mirror of https://github.com/status-im/consul.git synced 2025-01-10 22:06:20 +00:00
Code Issues Projects Releases Wiki Activity

ui: add footer

Browse Source
This commit is contained in:
Jack Pearkes 2014-09-05 15:56:50 -04:00
parent c034f30182
commit a4de2ef2ac
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> </head>
<body> <body>
<div class="container"> <div class="wrapper">
<div class="col-md-12"> <div class="container">
<div id="app"> <div class="col-md-12">
<div id="app">
</div>
</div> </div>
</div> </div>
<div class="push"></div>
</div> </div>
<div class="footer">
<div class="container">
<div class="col-md-12">
</div>
</div>
</div>
<script type="text/x-handlebars"> <script type="text/x-handlebars">
{{outlet}} {{outlet}}
</script> </script>

20
ui/styles/base.scss
View File

@ -8,6 +8,21 @@
@import "forms"; @import "forms";
@import "notifications"; @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 @media (min-width: 1120px) { // + 30
.container { .container {
width: 1100px; width: 1100px;
@ -128,3 +143,8 @@ a {
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.do-logo {
opacity: 0.6;
margin-top: -3px;
}