mirror of
https://github.com/home-assistant/frontend.git
synced 2025-07-12 20:06:33 +00:00
Tweak column sizes
This commit is contained in:
parent
bd9d9e8815
commit
20e7b9a87d
@ -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>
|
||||
|
@ -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)`);
|
||||
|
Loading…
x
Reference in New Issue
Block a user