chore: adjusts logo size

getactions · Apr 19, 2024 · ea52cc8 · ea52cc8
1 parent bd530cb
commit ea52cc8
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/app/components/logo.tsx b/app/components/logo.tsx
@@ -1,9 +1,19 @@
 import { Link } from "@remix-run/react";
+import { cn } from "~/utils/cn";
 
-export function Logo() {
+type Props = Readonly<{
+  hero?: boolean;
+}>;
+
+export function Logo(props: Props) {
   return (
     <Link to="/" prefetch="intent">
-      <h1 className="leading-none text-midnight text-center font-extrabold text-2xl tracking-tighter">
+      <h1
+        className={cn(
+          "leading-none text-midnight text-center font-extrabold text-2xl tracking-tighter",
+          props.hero && "text-3xl",
+        )}
+      >
         get<span className="text-primary">actions</span>
       </h1>
     </Link>

diff --git a/app/routes/_index/route.tsx b/app/routes/_index/route.tsx
@@ -32,7 +32,7 @@ export default function Index() {
       <div className="h-screen flex flex-col gap-24">
         <header className="container flex flex-col gap-4 pt-24 py-16">
           <div className="w-fit">
-            <Logo />
+            <Logo hero />
           </div>
 
           <h2 className="text-midnight text-4xl lg:text-8xl font-extrabold tracking-tight lg:w-3/4">