mirror of
https://github.com/smartyellow/status.git
synced 2025-01-18 05:27:58 +00:00
Don't proportionalise grid
This commit is contained in:
parent
8ef7122811
commit
d87b2edf66
@ -14,29 +14,7 @@
|
|||||||
let tiles = [];
|
let tiles = [];
|
||||||
let time = '';
|
let time = '';
|
||||||
let globalData = {};
|
let globalData = {};
|
||||||
let resizeTimer;
|
|
||||||
let automaticallyProportionalised = false;
|
|
||||||
let hasData = false;
|
let hasData = false;
|
||||||
let centerEl;
|
|
||||||
|
|
||||||
function onResize() {
|
|
||||||
clearTimeout(resizeTimer);
|
|
||||||
resizeTimer = setTimeout(proportionalGrid, 750);
|
|
||||||
}
|
|
||||||
|
|
||||||
function proportionalGrid() {
|
|
||||||
const w = centerEl.clientWidth;
|
|
||||||
const h = centerEl.clientHeight;
|
|
||||||
const tileW = 400;
|
|
||||||
const tileH = 300;
|
|
||||||
const availableCols = Math.floor(w / tileW);
|
|
||||||
const availableRows = Math.floor(h / tileH);
|
|
||||||
|
|
||||||
settings.update({
|
|
||||||
cols: availableCols,
|
|
||||||
rows: availableRows,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function tileProps(service) {
|
function tileProps(service) {
|
||||||
let props = {
|
let props = {
|
||||||
@ -104,10 +82,6 @@
|
|||||||
case 'data':
|
case 'data':
|
||||||
globalData = data;
|
globalData = data;
|
||||||
organiseGrid();
|
organiseGrid();
|
||||||
if (!automaticallyProportionalised) {
|
|
||||||
proportionalGrid();
|
|
||||||
automaticallyProportionalised = true;
|
|
||||||
}
|
|
||||||
hasData = true;
|
hasData = true;
|
||||||
break;
|
break;
|
||||||
|
|
||||||
@ -135,12 +109,9 @@
|
|||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<svelte:window on:resize={onResize} />
|
|
||||||
|
|
||||||
<div
|
<div
|
||||||
class="center theme-{$settings.theme}"
|
class="center theme-{$settings.theme}"
|
||||||
style="--cols: {$settings.cols || 4}; --rows: {$settings.rows || 3};"
|
style="--cols: {$settings.cols || 4}; --rows: {$settings.rows || 3};"
|
||||||
bind:this={centerEl}
|
|
||||||
>
|
>
|
||||||
<div class="ratio">
|
<div class="ratio">
|
||||||
<div class="content">
|
<div class="content">
|
||||||
|
Loading…
Reference in New Issue
Block a user