Files
labelmain-demo/components/layout/navStyles.ts
2026-04-28 14:36:36 +08:00

30 lines
643 B
TypeScript

export function getShellNavLinkStyles(active: boolean) {
return {
root: {
minHeight: 40,
borderRadius: 4,
padding: "8px 12px",
color: active ? "#1874FF" : "#4E5969",
backgroundColor: active ? "#E7EFFF" : "transparent",
transition: "background-color 0.2s ease, color 0.2s ease",
},
body: {
gap: 8,
},
label: {
fontSize: 14,
fontWeight: 500,
lineHeight: "22px",
},
section: {
color: active ? "#1874FF" : "inherit",
},
chevron: {
color: active ? "#1874FF" : "#86909C",
},
children: {
paddingLeft: 0,
},
} as const
}