btclock/webui
3
0
Fork 2
Code Issues 1 Pull requests 11 Projects Releases 46 Packages Wiki Activity Actions

Rewrite display status style

Browse source
This commit is contained in:
Djuri 2024-08-31 17:10:26 +02:00
parent 21a7192e6d
commit a2ef9fb343
6 changed files with 163 additions and 135 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/routes/Status.svelte
View file

@ -79,9 +79,16 @@
fetch(`${PUBLIC_BASE_URL}/api/action/timer_restart`);
}
};
export let xs = 12;
export let sm = xs;
export let md = sm;
export let lg = md;
export let xl = lg;
export let xxl = xl;
</script>
<Col>
<Col {xs} {sm} {md} {lg} {xl} {xxl}>
<Card>
<CardHeader>
<CardTitle>{$_('section.status.title', { default: 'Status' })}</CardTitle>
@ -101,8 +108,8 @@
</div>
<hr />
{#if $status.data}
<section class={lightMode ? 'lightMode' : ''}>
<Rendered status={$status}></Rendered>
<section class={lightMode ? 'lightMode' : 'darkMode'}>
<Rendered status={$status} className="rbtclock"></Rendered>
</section>
{$_('section.status.screenCycle')}:
<a