보스 난이도 버튼: 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:
caadiq 2026-04-18 16:10:09 +09:00
parent fe65c107c8
commit 46b6237f75

View file

@ -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>