feat(client): add eyebrow typography variant and lighter page titles
- Introduce a reusable eyebrow Typography variant in the theme (13px, 500 weight, uppercase, 0.08em tracking) for section headings - Apply it to ConfigBox titles in /settings and to "Job queue" / "Failed jobs" in /logs - Drop the page header weight from 600 to 400 with tighter tracking so titles read lighter and more refined
This commit is contained in:
1 parent
2dccf73050
commit
4fd9b2ecf5
4 files changed
+38
-10
No files matched your search
@@ -94,11 +94,11 @@ export const PageHeader = ({
|
||||
)}
|
||||
<Typography
|
||||
sx={{
|
||||
fontSize: 24,
|
||||
fontWeight: 600,
|
||||
fontSize: 26,
|
||||
fontWeight: 400,
|
||||
color: theme.palette.text.primary,
|
||||
lineHeight: 1.2,
|
||||
letterSpacing: "-0.01em",
|
||||
lineHeight: 1.15,
|
||||
letterSpacing: "-0.02em",
|
||||
}}
|
||||
>
|
||||
{title}
|
||||
|
||||
@@ -63,9 +63,9 @@ export const ConfigBox = ({
|
||||
left={
|
||||
<Stack spacing={theme.spacing(LAYOUT.XS)}>
|
||||
<Typography
|
||||
textTransform={"capitalize"}
|
||||
component="h2"
|
||||
variant="h2"
|
||||
variant="eyebrow"
|
||||
color="text.secondary"
|
||||
>
|
||||
{title}
|
||||
</Typography>
|
||||
|
||||
Reference in new issue
Block a user