Small improvements

This commit is contained in:
Djuri Baars 2023-11-17 13:23:26 +01:00
parent 4471ab9ef4
commit 6740030a0c
7 changed files with 14 additions and 9 deletions

View File

@ -2,7 +2,6 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
%sveltekit.head% %sveltekit.head%
</head> </head>

View File

@ -31,7 +31,8 @@
"setColor": "Set color", "setColor": "Set color",
"showText": "Show text", "showText": "Show text",
"text": "Text", "text": "Text",
"title": "Control" "title": "Control",
"hostname": "Hostname"
}, },
"status": { "status": {
"title": "Status", "title": "Status",

View File

@ -31,7 +31,8 @@
"showText": "Poner texto", "showText": "Poner texto",
"text": "Texto", "text": "Texto",
"title": "Control", "title": "Control",
"buildTime": "Tiempo de construcción" "buildTime": "Tiempo de construcción",
"hostname": "Nombre de host"
}, },
"status": { "status": {
"memoryFree": "Memoria RAM libre", "memoryFree": "Memoria RAM libre",

View File

@ -30,6 +30,8 @@ $input-font-size-sm: $font-size-base * .875;
@import "../node_modules/bootstrap/scss/forms"; @import "../node_modules/bootstrap/scss/forms";
@import "../node_modules/bootstrap/scss/buttons"; @import "../node_modules/bootstrap/scss/buttons";
@import "../node_modules/bootstrap/scss/button-group"; @import "../node_modules/bootstrap/scss/button-group";
@import "../node_modules/bootstrap/scss/pagination";
@import "../node_modules/bootstrap/scss/dropdown"; @import "../node_modules/bootstrap/scss/dropdown";
@import "../node_modules/bootstrap/scss/navbar"; @import "../node_modules/bootstrap/scss/navbar";

View File

@ -79,7 +79,7 @@ const forceFullRefresh = () => {
<li>{ $_('section.control.version') }: {$settings.gitRev}</li> <li>{ $_('section.control.version') }: {$settings.gitRev}</li>
<li>{ $_('section.control.buildTime') }: {new Date(($settings.lastBuildTime * 1000)).toLocaleString()}</li> <li>{ $_('section.control.buildTime') }: {new Date(($settings.lastBuildTime * 1000)).toLocaleString()}</li>
<li>IP: {$settings.ip}</li> <li>IP: {$settings.ip}</li>
<li>Hostname: {$settings.hostname}</li> <li>{ $_('section.control.hostname') }: {$settings.hostname}</li>
</ul> </ul>
<Button color="danger" id="restartBtn" on:click="{restartClock}">{ $_('button.restart') }</Button> <Button color="danger" id="restartBtn" on:click="{restartClock}">{ $_('button.restart') }</Button>
<Button color="warning" id="forceFullRefresh" on:click="{forceFullRefresh}">{ $_('button.forceFullRefresh') }</Button> <Button color="warning" id="forceFullRefresh" on:click="{forceFullRefresh}">{ $_('button.forceFullRefresh') }</Button>

View File

@ -94,11 +94,13 @@
</CardHeader> </CardHeader>
<CardBody> <CardBody>
{#if $settings.screens} {#if $settings.screens}
<ButtonGroup size="sm"> <div class="d-flex justify-content-center">
{#each $settings.screens as s} <ButtonGroup size="sm">
<Button color="outline-primary" active={$status.currentScreen == s.id} on:click={setScreen(s.id)}>{s.name}</Button> {#each $settings.screens as s}
{/each} <Button color="outline-primary" active={$status.currentScreen == s.id} on:click={setScreen(s.id)}>{s.name}</Button>
</ButtonGroup> {/each}
</ButtonGroup>
</div>
<hr> <hr>
{#if $status.data} {#if $status.data}
<section class={lightMode ? 'lightMode': ''}> <section class={lightMode ? 'lightMode': ''}>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 KiB