Commit 2522e9f1 authored by Zach's avatar Zach Committed by Zach Knox
Browse files

header, only seems to work on larger screens

parent 5c42fd3a
......@@ -13,9 +13,7 @@
.weather-card.mdl-card {
margin: auto;
margin-top: 10px;
width: auto;
height: 250px;
background: #425195;
}
.weather-card > .mdl-card__title,
......@@ -24,7 +22,7 @@
}
.forecast-grid.mdl-grid {
width: 80%;
}
.out-of-focus-card.mdl-card {
margin: auto;
......
<body>
<div class="bg">
{{> weather}}
{{> footer}}
</div>
<div class="mdl-layout mdl-js-layout">
<header class="mdl-layout__header">
<div class="mdl-layout__header-row">
<span class="mdl-layout__title">Weather</span>
</div>
</header>
<main class="mdl-layout__content">
<div>
<div class="bg">
{{> weather}}
{{> footer}}
</div>
</div>
</main>
</div>
</body>
<template name="weather">
......@@ -74,6 +87,15 @@
<hr>
</template>
<template name="header">
<header class="mdl-layout__header mdl-layout__header--scroll">
<div class="mdl-layout__header-row">
<span class="mdl-layout__title">Weather</span>
<div class="mdl-layout-spacer"></div>
</div>
</header>
</template>
<template name="footer">
<footer class="mdl-mini-footer">
<div class="mdl-mini-footer__left-section">
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment