fix: adjust landing responsiveness and add opengraph image

Rocketseat · Apr 11, 2024 · 2937983 · 2937983
1 parent 0020aa1
commit 2937983
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 3 deletions.
diff --git a/apps/web/src/app/(home)/gradient-bg.tsx b/apps/web/src/app/(home)/gradient-bg.tsx
@@ -33,7 +33,7 @@ export function GradientBg(props: ComponentProps<'svg'>) {
           height="140%"
           filterUnits="objectBoundingBox"
           primitiveUnits="userSpaceOnUse"
-          color-interpolation-filters="linearRGB"
+          colorInterpolationFilters="linearRGB"
         >
           <feTurbulence
             type="fractalNoise"
@@ -51,7 +51,7 @@ export function GradientBg(props: ComponentProps<'svg'>) {
             surfaceScale="15"
             specularConstant="0.75"
             specularExponent="20"
-            lighting-color="#989898"
+            lightingColor="#989898"
             x="0%"
             y="0%"
             width="100%"

diff --git a/apps/web/src/app/(home)/page.tsx b/apps/web/src/app/(home)/page.tsx
@@ -47,7 +47,7 @@ export default function Homepage() {
             </p>
           </div>
 
-          <div className="flex items-center gap-4">
+          <div className="flex flex-col-reverse items-center gap-4 sm:flex-row">
             <Button asChild size="lg" variant="link" className="text-zinc-400">
               <Link href="/about">What is Nivo?</Link>
             </Button>

diff --git a/apps/web/src/app/opengraph-image.png b/apps/web/src/app/opengraph-image.png
diff --git a/apps/web/src/app/twitter-image.png b/apps/web/src/app/twitter-image.png