mirror of
https://github.com/zitadel/zitadel.git
synced 2025-10-21 11:40:36 +00:00
2c517d6278
* check in full site application * rm unused assets components * change base css * i18n * new doc workflow * fix crosslink to doc in github * nav, console link, assets, console brand * edit configjs server * rm go struct references * cleanup input output bindings * working dir * export path * always trigger * rel paths * cname * rev workdir * fix fallbacklanguage, home on large screens * remove mit from site
66 lines
1.5 KiB
Svelte
66 lines
1.5 KiB
Svelte
<script context="module">
|
|
import { setCookie } from '../modules/cookie.js';
|
|
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;
|
|
|
|
$:setLocale(group);
|
|
function setLocale(language) {
|
|
if (typeof window !== 'undefined') {
|
|
locale.set(language);
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
:root {
|
|
--deep-blue: #1e3470;
|
|
--speed3: cubic-bezier(0.26, 0.48, 0.08, 0.9);
|
|
--height: 30px;
|
|
}
|
|
|
|
.language-switcher {
|
|
display: flex;
|
|
align-items: center;
|
|
position: relative;
|
|
}
|
|
|
|
.language-switcher input {
|
|
appearance: none;
|
|
display: none;
|
|
}
|
|
|
|
.language-switcher .select {
|
|
height: var(--height);
|
|
width: var(--height);
|
|
border-radius: 50vw;
|
|
font-size: calc(var(--height) / 2.5);
|
|
color: #fff;
|
|
mix-blend-mode: difference;
|
|
display: flex;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
justify-content: center;
|
|
}
|
|
|
|
.language-switcher .current {
|
|
background-color: white;
|
|
color: black;
|
|
}
|
|
</style>
|
|
|
|
<div class="language-switcher">
|
|
{#each LANGUAGES as lang}
|
|
<label class="select {lang == group ? 'current' : 'notcurrent'}">
|
|
<input type=radio bind:group value={lang}>
|
|
{lang.toUpperCase()}
|
|
</label>
|
|
{/each}
|
|
</div>
|