Nick:

mendableai · May 27, 2024 · 0e28688 · 0e28688
1 parent 5171f84
commit 0e28688
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 5 deletions.
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -12,7 +12,7 @@ export default async function Home() {
   const githubStars = await useGithubStars();
   return (
     <div className="relative">
-      <div className="z-10 absolute top-4 right-4 p-4">
+      <div className="hidden md:flex z-10 absolute top-4 right-4 p-4">
         <GithubButton githubStars={githubStars} />
       </div>
       <MainComponent />

diff --git a/src/components/main.tsx b/src/components/main.tsx
@@ -202,16 +202,31 @@ export default function MainComponent() {
         <div
           className={`fixed bottom-0 left-0 right-0 ${
             window.innerHeight < 700 ? "p-2" : "p-4"
-          } text-white text-center font-light`}
+          } text-white text-center font-light flex justify-center items-center gap-4`}
         >
-          Made by{" "}
           <a
             href="https://firecrawl.dev"
             target="_blank"
-            className="text-white hover:text-gray-200"
+            className="text-black md:text-white hover:text-orange-400"
+            style={{ textShadow: "2px 2px 4px rgba(0, 0, 0, 0.15)" }}
           >
-            Firecrawl 🔥
+            Made by Firecrawl 🔥
           </a>
+          <a
+            href="https://github.com/mendableai/firegraph"
+            target="_blank"
+            className="flex md:hidden text-white md:text-white bg-black rounded-md px-2 py-1 text-sm hover:text-gray-200 items-center"
+          >
+            <Github className="h-4 w-4 mr-1" />
+            Star us on GitHub
+          </a>
+          {/* <a
+            href="https://github.com/mendableai/firegraph"
+            target="_blank"
+            className="hidden md:flex text-black md:text-white bg-white/25 rounded-full w-6 h-6 text-sm hover:text-gray-200 items-center justify-center"
+          >
+            <Github className="h-4 w-4" />
+          </a> */}
         </div>
       </main>
     </div>