[PROMOTE] dev → demo:顯示語系選中態樣式調整
1. [STYLE] 機台系統設定彈窗「顯示語系」勾選按鈕與商品多語系 Tab:選中態由整顆深底反白改為淡 cyan 強調 (bg-cyan-500/10 + cyan 邊框/文字),降低對比、與 toggle 開關一致。
This commit is contained in:
commit
7a97792b67
@ -947,7 +947,7 @@
|
||||
<button type="button" @click="toggleLanguage(loc)"
|
||||
:disabled="!(machineSettings.languages || []).includes(loc) && (machineSettings.languages || []).length >= maxLanguages"
|
||||
: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'"
|
||||
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>
|
||||
|
||||
@ -15,7 +15,7 @@
|
||||
<template x-for="loc in locales" :key="'{{ $field }}-tab-' + loc">
|
||||
<button type="button" @click="{{ $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'"
|
||||
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>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user