fix: mobile hero

nolly-studio · Dec 12, 2024 · 2db5b48 · 2db5b48
1 parent 7cdf262
commit 2db5b48
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/apps/www/app/(app)/page.tsx b/apps/www/app/(app)/page.tsx
@@ -26,13 +26,13 @@ export default function IndexPage() {
       {/* <div className="container relative pt-12"></div> */}
 
       {/* <BgNoiseWrapper url="/egg-shell-noise.png"> */}
-      <div className="container relative pt-8">
+      <div className="container relative pt-12 md:pt-8">
         <PageHeader>
           <FadeIn>
             <Announcement />
           </FadeIn>
           <FadeIn>
-            <div>
+            <div className="pt-4 md:pt-0">
               <GradientHeading
                 weight="bold"
                 className="text-center text-xl font-bold leading-tight tracking-tighter md:text-5xl "
@@ -42,15 +42,15 @@ export default function IndexPage() {
               <GradientHeading
                 size="xll"
                 weight="bold"
-                className="text-center text-xl font-bold  leading-[0.5rem]  tracking-tighter lg:leading-[0.5rem] "
+                className="text-center text-xl font-bold    tracking-tighter lg:leading-[0.5rem] "
               >
                 <br className="hidden md:block" /> Design Engineers
               </GradientHeading>
             </div>
           </FadeIn>
 
           <FadeIn>
-            <div className=" flex max-w-2xl flex-wrap items-center justify-center gap-1 pt-8 text-left  text-base  leading-3 text-foreground md:text-xl md:font-normal md:leading-6">
+            <div className=" flex max-w-2xl flex-wrap items-center justify-center gap-1 text-left text-base  leading-3  text-foreground md:pt-8 md:text-xl md:font-normal md:leading-6">
               <span>Ready-to-use</span>
               <div className="hidden -rotate-45 rounded-full border border-black/10 p-1 shadow-lg md:block">
                 <ReactIcon className=" h-6 w-6   " aria-hidden="true" />

diff --git a/apps/www/registry/default/ui/gradient-heading.tsx b/apps/www/registry/default/ui/gradient-heading.tsx
@@ -24,7 +24,7 @@ const headingVariants = cva(
         md: "text-2xl sm:text-3xl lg:text-4xl",
         lg: "text-3xl sm:text-4xl lg:text-5xl",
         xl: "text-4xl sm:text-5xl lg:text-6xl",
-        xll: "text-5xl sm:text-6xl lg:text-[5.4rem] leading-[0.5rem] lg:leading-[0.5rem] ",
+        xll: "text-5xl sm:text-6xl lg:text-[5.4rem]  lg:leading-[0.5rem] ",
         xxl: "text-5xl sm:text-6xl lg:text-[6rem]",
         xxxl: "text-5xl sm:text-6xl lg:text-[8rem]",
       },