feat(minajs): adjust rwd

palladians · Sep 4, 2024 · c61b829 · c61b829
1 parent d66e799
commit c61b829
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/apps/docs/docs/pages/index.mdx b/apps/docs/docs/pages/index.mdx
@@ -6,13 +6,13 @@ import { HomePage } from 'vocs/components'
 
 <div className="flex flex-col mt-16 gap-16">
   <header className="flex flex-col gap-8">
-    <img src="/logo.svg" className="w-24 hidden dark:flex" />
-    <img src="/logo.svg" className="w-24 flex dark:hidden" />
-    <h1 className="font-bold text-6xl leading-[5rem]">The TypeScript interface for Mina Protocol.</h1>
-    <p className="text-xl">MinaJS is the missing piece for your smooth zkApp development on Mina.</p>
+    <img src="/logo.svg" className="w-16 lg:w-24 hidden dark:flex" />
+    <img src="/logo.svg" className="w-16 lg:w-24 flex dark:hidden" />
+    <h1 className="font-bold text-3xl lg:text-6xl leading-[3rem] lg:leading-[5rem]">The TypeScript interface for Mina Protocol.</h1>
+    <p className="text-lg lg:text-xl">MinaJS is the missing piece for your smooth zkApp development on Mina.</p>
     <div className="flex gap-2">
-      <a href="/getting-started" className="btn btn-lg btn-primary rounded-full">Get Started</a>
-      <a href="https://github.com/palladians/mina-js" target="_blank" rel="noopener noreferrer" className="btn btn-lg btn-outline rounded-full">GitHub</a>
+      <a href="/getting-started" className="btn lg:btn-lg btn-primary rounded-full">Get Started</a>
+      <a href="https://github.com/palladians/mina-js" target="_blank" rel="noopener noreferrer" className="btn lg:btn-lg btn-outline rounded-full">GitHub</a>
     </div>
   </header>
   <section>
@@ -24,7 +24,7 @@ import { HomePage } from 'vocs/components'
         <h2 className="text-2xl font-semibold">Sponsors</h2>
         <a target="_blank" href="https://github.com/sponsors/palladians" rel="noopener noreferrer" className="btn btn-outline rounded-full">Become a sponsor</a>
       </div>
-      <div className="grid grid-cols-4 gap8">
+      <div className="grid grid-cols-2 lg:grid-cols-4 gap-8">
         <a href="https://palladians.xyz" target="_blank" rel="noopener noreferrer">
           <img src="/palladians.svg" />
         </a>