mark/vibn-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
mawkone
2026-06-14 12:52:53 -07:00
parent 77b24f1a6b
commit 52f8c26ace
7 changed files with 29 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
vibn-frontend/app/[workspace]/project/[projectId]/(home)/code/page.tsx
View File

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

9
vibn-frontend/app/[workspace]/project/[projectId]/(home)/hosting/page.tsx
View File

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

18
vibn-frontend/app/[workspace]/project/[projectId]/(home)/infrastructure/page.tsx
View File

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

9
vibn-frontend/app/[workspace]/project/[projectId]/(home)/overview/page.tsx
View File

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

8
vibn-frontend/app/[workspace]/project/[projectId]/(home)/plan/page.tsx
View File

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

12
vibn-frontend/app/[workspace]/project/[projectId]/(home)/product/page.tsx
View File

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

9
vibn-frontend/app/[workspace]/project/[projectId]/(home)/services/page.tsx
View File

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