tcsenpai/pensieve
1
0
Fork 0
mirror of https://github.com/tcsenpai/pensieve.git synced 2025-06-06 03:05:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(lang-switch): unify style for safari

Browse Source
This commit is contained in:
arkohut 2024-11-14 14:58:37 +08:00
parent e889aa86de
commit 602d4fa955
1 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
web/src/lib/LanguageSwitcher.svelte
View File

@ -10,12 +10,10 @@
]; ];
onMount(() => { onMount(() => {
// 尝试从 localStorage 获取保存的语言
const savedLocale = localStorage.getItem('selectedLocale'); const savedLocale = localStorage.getItem('selectedLocale');
if (savedLocale) { if (savedLocale) {
setLocale(savedLocale); setLocale(savedLocale);
} else { } else {
// 如果没有保存的语言,则使用浏览器语言
const browserLang = navigator.language.split('-')[0]; const browserLang = navigator.language.split('-')[0];
setLocale(browserLang === 'zh' ? 'zh' : 'en'); setLocale(browserLang === 'zh' ? 'zh' : 'en');
} }
@ -28,8 +26,12 @@
} }
</script> </script>
<select bind:value={selectedLocale} on:change={() => setLocale(selectedLocale)} class="bg-white text-slate-500"> <select
{#each languages as language} bind:value={selectedLocale}
<option value={language.value}>{language.label}</option> on:change={() => setLocale(selectedLocale)}
{/each} class="appearance-none bg-white text-slate-500 px-2 py-1 pr-8 rounded-md border border-slate-200 cursor-pointer hover:border-slate-300 focus:outline-none focus:ring-2 focus:ring-slate-200 focus:border-slate-300 text-sm font-medium relative bg-no-repeat bg-[right_0.5rem_center] bg-[length:1.5em_1.5em] bg-[url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22%236b7280%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M5.293%207.293a1%201%200%20011.414%200L10%2010.586l3.293-3.293a1%201%200%20111.414%201.414l-4%204a1%201%200%2001-1.414%200l-4-4a1%201%200%20010-1.414z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E')]"
>
{#each languages as language}
<option value={language.value}>{language.label}</option>
{/each}
</select> </select>