miel.truyen/nx
1
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

feat(nx-dev): update typography and hero component styles (#27011)

Browse Source 
Enhanced the typography styles to improve text scaling across various
screen sizes. Adjusted the hero component to include responsive line
breaks and optimized the SVG element for better alignment and sizing.
This commit is contained in:
Benjamin Cabanes 2024-07-19 14:12:21 -04:00 committed by GitHub
parent ec5b04fb82
commit f1f8ab7fe7
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
nx-dev/ui-common/src/lib/typography.tsx
View File

@ -23,7 +23,7 @@ const variants: Record<AllowedVariants, string> = {
title: title:
'text-3xl font-bold tracking-tight text-slate-950 dark:text-white sm:text-5xl', 'text-3xl font-bold tracking-tight text-slate-950 dark:text-white sm:text-5xl',
display: display:
'text-4xl font-medium tracking-tight text-slate-950 dark:text-white sm:text-8xl', 'text-5xl font-medium tracking-tight text-slate-950 md:text-6xl dark:text-white xl:text-8xl',
subtitle: 'text-lg leading-8 text-slate-700 dark:text-slate-300 sm:text-2xl', subtitle: 'text-lg leading-8 text-slate-700 dark:text-slate-300 sm:text-2xl',
}; };

3
nx-dev/ui-home/src/lib/hero.tsx
View File

@ -45,10 +45,11 @@ export function Hero(): JSX.Element {
Smart Smart
</span>{' '} </span>{' '}
Monorepos Monorepos
<br className="sm:hidden" />
<svg <svg
viewBox="0 0 2 2" viewBox="0 0 2 2"
fill="currentColor" fill="currentColor"
className="mx-4 inline-flex h-2 w-2" className="mx-6 hidden size-2 sm:inline-flex xl:size-3"
> >
<circle cx={1} cy={1} r={1} /> <circle cx={1} cy={1} r={1} />
</svg> </svg>