smartyellow/status
1
0
Fork 0
mirror of https://github.com/smartyellow/status.git synced 2025-02-19 12:09:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

Remove time tile

Browse Source
This commit is contained in:
Romein van Buren 2022-07-15 16:35:54 +02:00
parent f21a6f5a1a
commit 23898b16dc
Signed by: romein
GPG Key ID: 0EFF8478ADDF6C49
3 changed files with 4 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
gui/dashboard/app.svelte
View File

@ -6,7 +6,7 @@
import { settings, shuffle, ringBell } from './lib'; import { settings, shuffle, ringBell } from './lib';
const [ send, receive ] = shuffle; const [ send, receive ] = shuffle;
let size = ($settings.cols || 4) * ($settings.rows || 3) - 1; let size = ($settings.cols || 4) * ($settings.rows || 3);
let pageNum = -1; let pageNum = -1;
let tiles = []; let tiles = [];
let time = ''; let time = '';
@ -139,8 +139,6 @@
> >
<div class="ratio"> <div class="ratio">
<div class="tiles"> <div class="tiles">
<TileRawValue value={time} center weight={200} />
{#each tiles as tile (tile.id)} {#each tiles as tile (tile.id)}
<div <div
in:receive={{ key: tile.id }} in:receive={{ key: tile.id }}

3
gui/dashboard/tile-rawvalue.svelte
View File

@ -7,11 +7,10 @@
export let value; export let value;
export let date; export let date;
export let since; export let since;
export let center = false;
export let weight = 600; export let weight = 600;
</script> </script>
<Tile {title} {subtitle} {color} {date} {since} {center}> <Tile {title} {subtitle} {color} {date} {since}>
<div class="value {color}" style:font-weight={weight}> <div class="value {color}" style:font-weight={weight}>
{value} {value}
</div> </div>

19
gui/dashboard/tile.svelte
View File

@ -7,7 +7,6 @@
export let color; export let color;
export let date; export let date;
export let since; export let since;
export let center = false;
let formattedDuration = ''; let formattedDuration = '';
$: formattedDate = date ? date.toLocaleTimeString('en-GB', { $: formattedDate = date ? date.toLocaleTimeString('en-GB', {
@ -29,7 +28,7 @@
}); });
</script> </script>
<div class="tile {color}" class:center> <div class="tile {color}">
{#if title || subtitle} {#if title || subtitle}
<div class="desc"> <div class="desc">
{#if title} {#if title}
@ -42,7 +41,7 @@
</div> </div>
{/if} {/if}
<div class="bottom" class:center> <div class="bottom">
<div class="content"><slot /></div> <div class="content"><slot /></div>
{#if date || since} {#if date || since}
<div class="time"> <div class="time">
@ -84,11 +83,6 @@
color: var(--grey); color: var(--grey);
} }
.tile.center {
align-items: center;
justify-content: center;
}
.desc { .desc {
margin-bottom: 1rem; margin-bottom: 1rem;
} }
@ -122,13 +116,4 @@
flex-grow: 1; flex-grow: 1;
display: flex; display: flex;
} }
.bottom.center {
margin-top: 0;
}
.bottom.center .content {
justify-content: center;
align-items: center;
}
</style> </style>