A downstream fork of Tranquil PDS for use in margin.cafe margin.cafe
Something went wrong. Try again.
899 B · 24 lines
Svelte
at main
12345678910111213141516171819202122232425<script lang="ts"> import type { Snippet } from 'svelte' import ServerBrand from './ServerBrand.svelte' import { _, locale, setLocale, getSupportedLocales, localeNames, type SupportedLocale } from '../lib/i18n' let { children }: { children: Snippet } = $props()</script>
<div class="auth-shell"> <header class="auth-brand"><ServerBrand /></header> <main class="auth-main" id="main-content"> {@render children()} </main> <footer class="auth-footer"> <span>{$_('dashboard.accountManager')}</span> <label class="locale-picker"> <span class="sr-only">{$_('settings.language')}</span> <select value={$locale} onchange={(e) => setLocale(e.currentTarget.value as SupportedLocale)}> {#each getSupportedLocales() as language} <option value={language}>{localeNames[language]}</option> {/each} </select> </label> </footer></div>