fix: fonts

This commit is contained in:
shadcn 2023-04-25 20:15:09 +04:00
parent 6aa7f32a7f
commit f52232aa02
8 changed files with 10 additions and 12 deletions

View file

@ -84,7 +84,7 @@ export default async function PagePage({ params }: PageProps) {
return (
<article className="container max-w-3xl py-6 lg:py-12">
<div className="space-y-4">
<h1 className="inline-block font-heading text-4xl font-extrabold lg:text-5xl">
<h1 className="inline-block font-heading text-4xl lg:text-5xl">
{page.title}
</h1>
{page.description && (

View file

@ -114,7 +114,7 @@ export default async function PostPage({ params }: PostPageProps) {
Published on {formatDate(post.date)}
</time>
)}
<h1 className="mt-2 inline-block font-heading text-4xl font-extrabold leading-tight lg:text-5xl">
<h1 className="mt-2 inline-block font-heading text-4xl leading-tight lg:text-5xl">
{post.title}
</h1>
{authors?.length ? (

View file

@ -20,7 +20,7 @@ export default async function BlogPage() {
<div className="container max-w-4xl py-6 lg:py-10">
<div className="flex flex-col items-start gap-4 md:flex-row md:justify-between md:gap-8">
<div className="flex-1 space-y-4">
<h1 className="inline-block font-heading text-4xl font-extrabold tracking-tight lg:text-5xl">
<h1 className="inline-block font-heading text-4xl tracking-tight lg:text-5xl">
Blog
</h1>
<p className="text-xl text-muted-foreground">

View file

@ -45,7 +45,7 @@ export default async function IndexPage() {
>
Follow along on Twitter
</Link>
<h1 className="font-heading text-3xl font-bold sm:text-5xl md:text-6xl lg:text-7xl">
<h1 className="font-heading text-3xl sm:text-5xl md:text-6xl lg:text-7xl">
An example app built using Next.js 13 server components.
</h1>
<p className="max-w-[42rem] leading-normal text-muted-foreground sm:text-xl sm:leading-8">
@ -72,7 +72,7 @@ export default async function IndexPage() {
className="container space-y-6 bg-slate-50 py-8 dark:bg-transparent md:py-12 lg:py-24"
>
<div className="mx-auto flex max-w-[58rem] flex-col items-center space-y-4 text-center">
<h2 className="font-heading text-3xl font-bold leading-[1.1] sm:text-3xl md:text-6xl">
<h2 className="font-heading text-3xl leading-[1.1] sm:text-3xl md:text-6xl">
Features
</h2>
<p className="max-w-[85%] leading-normal text-muted-foreground sm:text-lg sm:leading-7">
@ -177,7 +177,7 @@ export default async function IndexPage() {
</section>
<section id="open-source" className="container py-8 md:py-12 lg:py-24">
<div className="mx-auto flex max-w-[58rem] flex-col items-center justify-center gap-4 text-center">
<h2 className="font-heading text-3xl font-bold leading-[1.1] sm:text-3xl md:text-6xl">
<h2 className="font-heading text-3xl leading-[1.1] sm:text-3xl md:text-6xl">
Proudly Open Source
</h2>
<p className="max-w-[85%] leading-normal text-muted-foreground sm:text-lg sm:leading-7">

View file

@ -12,7 +12,7 @@ export default function PricingPage() {
return (
<section className="container flex flex-col gap-6 py-8 md:max-w-[64rem] md:py-12 lg:py-24">
<div className="mx-auto flex w-full flex-col gap-4 md:max-w-[58rem]">
<h2 className="font-heading text-3xl font-bold leading-[1.1] sm:text-3xl md:text-6xl">
<h2 className="font-heading text-3xl leading-[1.1] sm:text-3xl md:text-6xl">
Simple, transparent pricing
</h2>
<p className="max-w-[85%] leading-normal text-muted-foreground sm:text-lg sm:leading-7">

View file

@ -12,9 +12,7 @@ export function DashboardHeader({
return (
<div className="flex items-center justify-between px-2">
<div className="grid gap-1">
<h1 className="font-heading text-3xl font-bold md:text-4xl">
{heading}
</h1>
<h1 className="font-heading text-3xl md:text-4xl">{heading}</h1>
{text && <p className="text-lg text-muted-foreground">{text}</p>}
</div>
{children}

View file

@ -21,7 +21,7 @@ export function MobileNav({ items, children }: MobileNavProps) {
"fixed inset-0 top-16 z-50 grid h-[calc(100vh-4rem)] grid-flow-row auto-rows-max overflow-auto p-6 pb-32 shadow-md animate-in slide-in-from-bottom-80 md:hidden"
)}
>
<div className="relative z-20 grid gap-6 rounded-md bg-white p-4 shadow-md">
<div className="relative z-20 grid gap-6 rounded-md bg-popover p-4 text-popover-foreground shadow-md">
<Link href="/" className="flex items-center space-x-2">
<Icons.logo />
<span className="font-bold">{siteConfig.name}</span>

View file

@ -14,7 +14,7 @@ export function DocsPageHeader({
return (
<>
<div className={cn("space-y-4", className)} {...props}>
<h1 className="inline-block font-heading text-4xl font-black lg:text-5xl">
<h1 className="inline-block font-heading text-4xl lg:text-5xl">
{heading}
</h1>
{text && <p className="text-xl text-muted-foreground">{text}</p>}