fix(www): update heading font size

shadcn-ui · Apr 21, 2024 · 816b654 · 816b654
1 parent 9aaaf42
commit 816b654
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 41 deletions.
diff --git a/apps/www/app/(app)/examples/layout.tsx b/apps/www/app/(app)/examples/layout.tsx
@@ -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>
   )
 }
diff --git a/apps/www/app/(app)/page.tsx b/apps/www/app/(app)/page.tsx
@@ -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>

diff --git a/apps/www/components/page-header.tsx b/apps/www/components/page-header.tsx
@@ -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}