fix(dashboard): align heading styles across legacy pages to match dashboard-ui
This commit is contained in:
@@ -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",
|
||||
|
||||
@@ -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",
|
||||
|
||||
@@ -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 = {
|
||||
|
||||
@@ -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",
|
||||
|
||||
@@ -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",
|
||||
|
||||
@@ -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",
|
||||
|
||||
@@ -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",
|
||||
|
||||
Reference in New Issue
Block a user