보스 난이도 버튼: EASY/NORMAL/HARD 테두리 보강
border 색과 bg 색이 같아 구분이 안 되던 난이도에 rgba(0,0,0,0.55) 테두리 적용 테두리 두께 1.5px로 조정 Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
fe65c107c8
commit
46b6237f75
1 changed files with 5 additions and 2 deletions
|
|
@ -103,9 +103,12 @@ export default function BossSelector({ characterName, bosses, selections, onChan
|
|||
<div className="flex-1 flex items-center gap-2 flex-nowrap min-w-0">
|
||||
{availableDiffs.map((d) => {
|
||||
const active = sel?.difficulty === d.key
|
||||
const hasVisibleBorder = d.colors.border !== d.colors.bg
|
||||
const borderColor = hasVisibleBorder ? d.colors.border : 'rgba(0, 0, 0, 0.55)'
|
||||
const style = {
|
||||
background: d.colors.bg,
|
||||
borderColor: d.colors.border,
|
||||
borderColor,
|
||||
borderWidth: '1.5px',
|
||||
color: d.colors.text,
|
||||
filter: active ? 'none' : 'var(--inactive-filter)',
|
||||
}
|
||||
|
|
@ -120,7 +123,7 @@ export default function BossSelector({ characterName, bosses, selections, onChan
|
|||
else onChange(boss.id, { difficulty: d.key, party: partyN })
|
||||
}}
|
||||
style={style}
|
||||
className="shrink-0 rounded-full border px-4 h-7 text-xs font-bold tracking-wider transition focus:outline-none"
|
||||
className="shrink-0 rounded-full border-solid px-4 h-7 text-xs font-bold tracking-wider transition focus:outline-none"
|
||||
>
|
||||
{LABEL_EN[d.key] || d.key.toUpperCase()}
|
||||
</button>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue