mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/imputnet/cobalt.git synced 2026-01-25 00:01:23 +00:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity

web: settings ui & const for settings type options

Browse Source
This commit is contained in:
wukko
2024-06-24 23:05:51 +06:00
parent e866dee60a
commit 9fad7103c4
12 changed files with 346 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
web/src/components/buttons/SettingsCheckbox.svelte
View File

@@ -11,11 +11,14 @@
export let settingContext: Context;
export let settingId: Id;
export let title: string;
export let description: string = "";
$: setting = $settings[settingContext][settingId];
$: isChecked = !!setting;
</script>
<div>
<div class="checkbox-container">
<input
type="checkbox"
id="setting-button-{settingContext}-{String(settingId)}"
@@ -27,5 +30,29 @@
},
})}
/>
<slot></slot>
<div class="checkbox-text">
<h4 class="checkbox-title">{title}</h4>
{#if description.length > 0}
<div class="subtext checkbox-description">{description}</div>
{/if}
</div>
</div>
<style>
.checkbox-container {
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
}
.checkbox-text {
display: flex;
flex-direction: column;
}
.checkbox-description {
font-size: 12px;
}
</style>