style: tone down management category selected state
This commit is contained in:
@@ -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>
|
||||||
);
|
);
|
||||||
})}
|
})}
|
||||||
|
|||||||
Reference in New Issue
Block a user