Files
cobalt/web/src/routes/settings/instances/+page.svelte

42 lines
1.1 KiB
Svelte

<script lang="ts">
import settings from "$lib/state/settings";
import { t } from "$lib/i18n/translations";
import SettingsToggle from "$components/buttons/SettingsToggle.svelte";
import SettingsCategory from "$components/settings/SettingsCategory.svelte";
import CustomInstanceInput from "$components/settings/CustomInstanceInput.svelte";
</script>
<SettingsCategory
sectionId="community"
title={$t("settings.processing.community")}
beta
>
<div class="category-inside-group">
<SettingsToggle
settingContext="processing"
settingId="enableCustomInstances"
title={$t("settings.processing.enable_custom.title")}
/>
{#if $settings.processing.enableCustomInstances}
<CustomInstanceInput />
{/if}
</div>
<div class="subtext">
{$t("settings.processing.enable_custom.description")}
</div>
</SettingsCategory>
<style>
.category-inside-group {
display: flex;
flex-direction: column;
gap: 6px;
}
.subtext {
margin-top: -3px;
}
</style>