fix(dashboard): align heading styles across legacy pages to match dashboard-ui

This commit is contained in:
2026-06-14 12:52:53 -07:00
parent 77b24f1a6b
commit 52f8c26ace
7 changed files with 29 additions and 48 deletions

View File

@@ -298,11 +298,9 @@ const rightCol: React.CSSProperties = {
flexDirection: "column",
};
const heading: React.CSSProperties = {
fontSize: "0.72rem",
fontSize: "0.9rem",
fontWeight: 600,
letterSpacing: "0.12em",
textTransform: "uppercase",
color: INK.muted,
color: THEME.ink,
margin: "0 0 14px",
};
const railGroup: React.CSSProperties = {
@@ -316,11 +314,9 @@ const railGroupHeader: React.CSSProperties = {
padding: "0 4px 8px",
};
const railGroupTitle: React.CSSProperties = {
fontSize: "0.68rem",
fontSize: "0.9rem",
fontWeight: 600,
letterSpacing: "0.12em",
textTransform: "uppercase",
color: INK.muted,
color: THEME.ink,
};
const countPill: React.CSSProperties = {
fontSize: "0.7rem",

View File

@@ -518,11 +518,10 @@ const sectionHeader: React.CSSProperties = {
marginBottom: 14,
};
const sectionTitle: React.CSSProperties = {
fontSize: "0.68rem",
fontWeight: 700,
letterSpacing: "0.12em",
textTransform: "uppercase",
color: INK.muted,
fontSize: "0.9rem",
fontWeight: 600,
color: THEME.ink,
marginBottom: 8,
};
const countPill: React.CSSProperties = {
fontSize: "0.7rem",

View File

@@ -1122,11 +1122,9 @@ const rightCol: React.CSSProperties = {
flexDirection: "column",
};
const heading: React.CSSProperties = {
fontSize: "0.72rem",
fontSize: "0.9rem",
fontWeight: 600,
letterSpacing: "0.12em",
textTransform: "uppercase",
color: INK.muted,
color: THEME.ink,
margin: "0 0 14px",
};
const railGroup: React.CSSProperties = {
@@ -1144,11 +1142,9 @@ const railGroupHeader: React.CSSProperties = {
color: "inherit",
};
const railGroupTitle: React.CSSProperties = {
fontSize: "0.68rem",
fontSize: "0.9rem",
fontWeight: 600,
letterSpacing: "0.12em",
textTransform: "uppercase",
color: INK.muted,
color: THEME.ink,
};
const countPill: React.CSSProperties = {
fontSize: "0.7rem",
@@ -1270,11 +1266,9 @@ const detailValue: React.CSSProperties = {
alignItems: "center",
};
const sectionTitle: React.CSSProperties = {
fontSize: "0.72rem",
fontSize: "0.9rem",
fontWeight: 600,
letterSpacing: "0.08em",
textTransform: "uppercase",
color: INK.muted,
color: THEME.ink,
marginBottom: 8,
};
const para: React.CSSProperties = {

View File

@@ -634,11 +634,10 @@ const sectionHeader: React.CSSProperties = {
marginBottom: 14,
};
const sectionTitle: React.CSSProperties = {
fontSize: "0.68rem",
fontWeight: 700,
letterSpacing: "0.12em",
textTransform: "uppercase",
color: INK.muted,
fontSize: "0.9rem",
fontWeight: 600,
color: THEME.ink,
marginBottom: 8,
};
const countPill: React.CSSProperties = {
fontSize: "0.7rem",

View File

@@ -799,11 +799,9 @@ const railGroupHeader: React.CSSProperties = {
padding: "0 4px 8px",
};
const railGroupTitle: React.CSSProperties = {
fontSize: "0.68rem",
fontWeight: 700,
letterSpacing: "0.12em",
textTransform: "uppercase",
color: THEME.muted,
fontSize: "0.9rem",
fontWeight: 600,
color: THEME.ink,
};
const railItems: React.CSSProperties = {
display: "flex",

View File

@@ -435,11 +435,9 @@ const rightCol: React.CSSProperties = {
flexDirection: "column",
};
const heading: React.CSSProperties = {
fontSize: "0.72rem",
fontSize: "0.9rem",
fontWeight: 600,
letterSpacing: "0.12em",
textTransform: "uppercase",
color: INK.muted,
color: THEME.ink,
margin: "0 0 14px",
};
const railGroup: React.CSSProperties = {
@@ -453,11 +451,9 @@ const railGroupHeader: React.CSSProperties = {
padding: "0 4px 8px",
};
const railGroupTitle: React.CSSProperties = {
fontSize: "0.68rem",
fontSize: "0.9rem",
fontWeight: 600,
letterSpacing: "0.12em",
textTransform: "uppercase",
color: INK.muted,
color: THEME.ink,
};
const countPill: React.CSSProperties = {
fontSize: "0.7rem",

View File

@@ -567,11 +567,10 @@ const sectionHeader: React.CSSProperties = {
marginBottom: 14,
};
const sectionTitle: React.CSSProperties = {
fontSize: "0.68rem",
fontWeight: 700,
letterSpacing: "0.12em",
textTransform: "uppercase",
color: INK.muted,
fontSize: "0.9rem",
fontWeight: 600,
color: THEME.ink,
marginBottom: 8,
};
const countPill: React.CSSProperties = {
fontSize: "0.7rem",