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

Create testing specific vite config, add multi font support, bugfixes
All checks were successful
/ check-changes (push) Successful in 18s
Details
/ build (push) Successful in 3m49s
Details

Browse source
This commit is contained in:
Djuri 2024-12-30 00:50:33 +01:00
parent 48e585d4ec
commit 0041ec3d9a
12 changed files with 73 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/lib/components/settings/DisplaySettings.svelte
View file

@ -20,14 +20,19 @@
const setTextColor = () => {
$settings.invertedColor = !$settings.invertedColor;
$settings.fgColor = $settings.invertedColor ? 65535 : 0;
$settings.bgColor = $settings.invertedColor ? 0 : 65535;
};
const textColorOptions: [string, boolean][] = [
[$_('colors.black') + ' on ' + $_('colors.white'), false],
[$_('colors.white') + ' on ' + $_('colors.black'), true]
];
const fontPreferenceOptions: [string, string][] = $settings.availableFonts?.map((font) => [
$_(`fonts.${font}`) !== `fonts.${font}`
? $_(`fonts.${font}`)
: font.charAt(0).toUpperCase() + font.slice(1),
font
]);
</script>
<Row>
@ -45,6 +50,14 @@
on:change={setTextColor}
/>
<SettingsSelect
id="fontName"
label={$_('section.settings.fontName')}
bind:value={$settings.fontName}
options={fontPreferenceOptions}
size={$uiSettings.inputSize}
/>
<SettingsInput
id="timePerScreen"
label={$_('section.settings.timePerScreen')}