rayan/shadcn-ui
1
0
Fork 0
mirror of https://github.com/shadcn-ui/ui.git synced 2026-07-09 06:55:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(www): update heading font size

Browse Source
This commit is contained in:
shadcn
2024-04-22 00:19:11 +04:00
parent 9aaaf429d9
commit 816b654f07
3 changed files with 36 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
apps/www/app/(app)/examples/layout.tsx
View File

@@ -23,43 +23,38 @@ interface ExamplesLayoutProps {
export default function ExamplesLayout({ children }: ExamplesLayoutProps) {
return (
<>
<div className="container relative">
<PageHeader>
<Announcement />
<PageHeaderHeading className="hidden md:block">
Check out some examples
</PageHeaderHeading>
<PageHeaderHeading className="md:hidden">Examples</PageHeaderHeading>
<PageHeaderDescription>
Dashboard, cards, authentication. Some examples built using the
components. Use this as a guide to build your own.
</PageHeaderDescription>
<PageActions>
<Link
href="/docs"
className={cn(buttonVariants(), "rounded-[6px]")}
>
Get Started
</Link>
<Link
href="/components"
className={cn(
buttonVariants({ variant: "outline" }),
"rounded-[6px]"
)}
>
Components
</Link>
</PageActions>
</PageHeader>
<section>
<ExamplesNav />
<div className="overflow-hidden rounded-[0.5rem] border bg-background shadow-md md:shadow-xl">
{children}
</div>
</section>
</div>
</>
<div className="container relative">
<PageHeader>
<Announcement />
<PageHeaderHeading className="hidden md:block">
Check out some examples
</PageHeaderHeading>
<PageHeaderHeading className="md:hidden">Examples</PageHeaderHeading>
<PageHeaderDescription>
Dashboard, cards, authentication. Some examples built using the
components. Use this as a guide to build your own.
</PageHeaderDescription>
<PageActions>
<Link href="/docs" className={cn(buttonVariants(), "rounded-[6px]")}>
Get Started
</Link>
<Link
href="/components"
className={cn(
buttonVariants({ variant: "outline" }),
"rounded-[6px]"
)}
>
Components
</Link>
</PageActions>
</PageHeader>
<section>
<ExamplesNav />
<div className="overflow-hidden rounded-[0.5rem] border bg-background shadow">
{children}
</div>
</section>
</div>
)
}

2
apps/www/app/(app)/page.tsx
View File

@@ -58,7 +58,7 @@ export default function IndexPage() {
/>
</section>
<section className="hidden md:block">
<div className="overflow-hidden rounded-lg border bg-background shadow-lg">
<div className="overflow-hidden rounded-lg border bg-background shadow">
<MailPage />
</div>
</section>

4
apps/www/components/page-header.tsx
View File

@@ -27,7 +27,7 @@ function PageHeaderHeading({
return (
<h1
className={cn(
"text-center text-3xl font-bold leading-tight tracking-tighter md:text-6xl lg:leading-[1.1]",
"text-center text-3xl font-bold leading-tight tracking-tighter md:text-5xl lg:leading-[1.1]",
className
)}
{...props}
@@ -42,7 +42,7 @@ function PageHeaderDescription({
return (
<Balance
className={cn(
"max-w-[750px] text-center text-lg text-muted-foreground sm:text-xl",
"max-w-[750px] text-center text-lg font-light text-foreground",
className
)}
{...props}