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