Tweak column sizes

This commit is contained in:
Paulus Schoutsen 2015-12-05 01:09:51 -08:00
parent bd9d9e8815
commit 20e7b9a87d
2 changed files with 17 additions and 5 deletions

View File

@ -23,14 +23,26 @@
text-align: center;
}
.column {
max-width: 500px;
}
.zone-card {
margin-left: 8px;
margin-bottom: 8px;
}
@media (max-width: 500px) {
:host {
padding-right: 0;
}
.zone-card {
margin-left: 0;
}
}
@media (min-width: 2000px) {
.column {
max-width: 500px;
}
}
</style>
<template>

View File

@ -74,7 +74,7 @@ export default new Polymer({
this.windowChange = this.windowChange.bind(this);
const sizes = [];
for (let col = 0; col < 5; col++) {
sizes.push(278 + col * 278);
sizes.push(300 + col * 300);
}
this.mqls = sizes.map(width => {
const mql = window.matchMedia(`(min-width: ${width}px)`);