style: tone down management category selected state

This commit is contained in:
2026-05-06 09:06:14 +09:00
parent 039bc4c5a3
commit 930dc2d1de

View File

@@ -6477,29 +6477,24 @@
boxSizing: "border-box", boxSizing: "border-box",
padding: "9px 11px", padding: "9px 11px",
borderRadius: 12, borderRadius: 12,
border: isSelected ? "1px solid #0e4f84" : "1px solid transparent", border: "1px solid transparent",
color: isSelected ? "#0a2a43" : "var(--text)", color: isSelected ? "var(--text)" : "var(--text)",
background: isSelected ? "linear-gradient(180deg, #eef6fd 0%, #e2f0fb 100%)" : "transparent", background: isSelected ? "#f3f6fa" : "transparent",
boxShadow: isSelected ? "inset 4px 0 0 #0f5e9c" : "none", boxShadow: "none",
}} }}
> >
<span style={{ display: "flex", alignItems: "center", gap: 8, minWidth: 0 }}> <span style={{ display: "flex", alignItems: "center", gap: 8, minWidth: 0 }}>
<span <span
className="subtle" className="subtle"
style={{ style={{
color: isSelected ? "#0f5e9c" : "var(--subtle)", color: isSelected ? "var(--text)" : "var(--subtle)",
fontWeight: isSelected ? 700 : 500, fontWeight: isSelected ? 700 : 500,
}} }}
> >
{category.name} {category.name}
</span> </span>
{isSelected && (
<span style={{ fontSize: 11, fontWeight: 700, color: "#0f5e9c", background: "#d7ebfb", borderRadius: 999, padding: "2px 7px" }}>
선택됨
</span> </span>
)} <strong style={{ color: "var(--text)" }}>{fmtEokManagement(category.amount || 0)}</strong>
</span>
<strong style={{ color: isSelected ? "#083454" : "var(--text)" }}>{fmtEokManagement(category.amount || 0)}</strong>
</button> </button>
); );
})} })}