mirror of
https://github.com/zitadel/zitadel.git
synced 2025-12-01 14:54:55 +00:00
3deedfe863
* initial version with docker * move folder * use correct path * remove typo scanner * change in site * move dockerignore * use proper path * docs: chrome moving header, max width table, overflow on mobile (#1012) * fix: table renderer, chrome moving header, mobile table * card elevation * chore(deps): bump node from 12 to 15 in /build (#967) Bumps node from 12 to 15. Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * docs(oauth2): jwt profile (#954) * first draft of JWT profile * additional infos * WIP Claim matrix * restructure docs * extend matrix * typo * use correct translation * order tables a to z * claim description * remark * describe username Co-authored-by: Florian Forster <ffo@ffo-macbook.localdomain> Co-authored-by: Max Peintner <max@caos.ch> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
58 lines
1.3 KiB
Svelte
58 lines
1.3 KiB
Svelte
<script context="module">
|
|
import { goto } from '@sapper/app';
|
|
import { docLanguages } from '../modules/language-store.js'
|
|
import {LANGUAGES} from '../../config.js';
|
|
</script>
|
|
|
|
<script>
|
|
import { locale } from 'svelte-i18n';
|
|
import { startClient } from '../i18n.js';
|
|
|
|
let group= $locale;
|
|
|
|
function reload(language) {
|
|
if (typeof window !== 'undefined') {
|
|
locale.set(language);
|
|
location.reload();
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
:root {
|
|
--speed3: cubic-bezier(0.26, 0.48, 0.08, 0.9);
|
|
--height: 30px;
|
|
}
|
|
|
|
.language-switcher {
|
|
position: fixed;
|
|
left: 0;
|
|
bottom: 0;
|
|
display: flex;
|
|
align-items: center;
|
|
z-index: 1;
|
|
justify-content: center;
|
|
}
|
|
|
|
button {
|
|
height: var(--height);
|
|
margin: .5rem 1rem;
|
|
font-size: 12px;
|
|
display: flex;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
justify-content: center;
|
|
border: none;
|
|
}
|
|
|
|
button.current {
|
|
color: var(--grey-text);
|
|
}
|
|
</style>
|
|
|
|
<div class="language-switcher">
|
|
{#each LANGUAGES as lang}
|
|
<button on:click="{() => reload(lang)}" disabled="{lang == group}" class="{lang == group ? 'current': ''}">{lang == 'de'? 'Deutsch' : 'English'}</button>
|
|
{/each}
|
|
</div>
|