jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-13 04:16:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Tweak column sizes

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/ha-zone-cards.html
View File

@ -23,14 +23,26 @@
text-align: center; text-align: center;
} }
.column {
max-width: 500px;
}
.zone-card { .zone-card {
margin-left: 8px; margin-left: 8px;
margin-bottom: 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> </style>
<template> <template>

2
src/layouts/partial-zone.js
View File

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