Skip to content

GitLab

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

header, only seems to work on larger screens

parent 5c42fd3a
Hide whitespace changes
Inline Side-by-side
weather/client/weather.css
View file @ 2522e9f1
......@@ -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;
......
weather/client/weather.html
View file @ 2522e9f1
<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