[STYLE] 調整顯示語系選中態為淡 cyan 強調
1. 機台系統設定彈窗「顯示語系」勾選按鈕:選中態由整顆深底反白 (bg-slate-900/dark:bg-white) 改為淡 cyan 強調 (bg-cyan-500/10 + border-cyan-500/40 + text-cyan-600/dark:text-cyan-300),降低對比、與 toggle 開關同一 cyan 語彙。 2. 商品名稱/規格多語系 Tab 元件 (product-locale-tabs):選中態比照改為相同淡 cyan 強調。 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
parent
1f1eb7714e
commit
a6caf0ded5
@ -947,7 +947,7 @@
|
|||||||
<button type="button" @click="toggleLanguage(loc)"
|
<button type="button" @click="toggleLanguage(loc)"
|
||||||
:disabled="!(machineSettings.languages || []).includes(loc) && (machineSettings.languages || []).length >= maxLanguages"
|
:disabled="!(machineSettings.languages || []).includes(loc) && (machineSettings.languages || []).length >= maxLanguages"
|
||||||
:class="(machineSettings.languages || []).includes(loc)
|
:class="(machineSettings.languages || []).includes(loc)
|
||||||
? 'bg-slate-900 dark:bg-white text-white dark:text-slate-900 border-slate-900 dark:border-white'
|
? 'bg-cyan-500/10 text-cyan-600 dark:text-cyan-300 border-cyan-500/40 shadow-sm'
|
||||||
: 'bg-white dark:bg-slate-900 text-slate-500 border-slate-200 dark:border-slate-700 hover:text-slate-800 dark:hover:text-slate-200 disabled:opacity-40 disabled:cursor-not-allowed'"
|
: 'bg-white dark:bg-slate-900 text-slate-500 border-slate-200 dark:border-slate-700 hover:text-slate-800 dark:hover:text-slate-200 disabled:opacity-40 disabled:cursor-not-allowed'"
|
||||||
class="inline-flex items-center gap-2 px-3.5 py-2 rounded-xl border text-xs font-black tracking-wide transition-all">
|
class="inline-flex items-center gap-2 px-3.5 py-2 rounded-xl border text-xs font-black tracking-wide transition-all">
|
||||||
<span x-text="label"></span>
|
<span x-text="label"></span>
|
||||||
|
|||||||
@ -15,7 +15,7 @@
|
|||||||
<template x-for="loc in locales" :key="'{{ $field }}-tab-' + loc">
|
<template x-for="loc in locales" :key="'{{ $field }}-tab-' + loc">
|
||||||
<button type="button" @click="{{ $active }} = loc"
|
<button type="button" @click="{{ $active }} = loc"
|
||||||
:class="{{ $active }} === loc
|
:class="{{ $active }} === loc
|
||||||
? 'bg-slate-900 dark:bg-white text-white dark:text-slate-900 border-slate-900 dark:border-white shadow-sm'
|
? 'bg-cyan-500/10 text-cyan-600 dark:text-cyan-300 border-cyan-500/40 shadow-sm'
|
||||||
: 'bg-white dark:bg-slate-900 text-slate-500 border-slate-200 dark:border-slate-700 hover:text-slate-800 dark:hover:text-slate-200'"
|
: 'bg-white dark:bg-slate-900 text-slate-500 border-slate-200 dark:border-slate-700 hover:text-slate-800 dark:hover:text-slate-200'"
|
||||||
class="inline-flex items-center gap-2 px-4 py-2 rounded-xl border text-xs font-black uppercase tracking-widest transition-all">
|
class="inline-flex items-center gap-2 px-4 py-2 rounded-xl border text-xs font-black uppercase tracking-widest transition-all">
|
||||||
<span x-text="localeLabels[loc] || loc"></span>
|
<span x-text="localeLabels[loc] || loc"></span>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user