Fixes on docs

BearStudio · Aug 30, 2024 · de52480 · de52480
1 parent a34089d
commit de52480
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 27 deletions.
diff --git a/docs/pages/index.en-US.mdx b/docs/pages/index.en-US.mdx
@@ -12,14 +12,7 @@ import { Callout, Tabs } from 'nextra/components';
 import Image from 'next/image';
 
 <div className="my-32">
-  <h1 className="text-3xl/[0.2rem] sm:text-6xl/[2rem] text-center font-bold">
-    <span className="px-2">
-      Create React Native apps UI
-    </span>
-    <span className="px-2 py-1 rounded-full bg-brand-300 text-gray-700 dark:text-gray-800"> easily</span>
-    and 
-    <span className="px-2 py-1 rounded-full bg-brand-300 text-gray-700 dark:text-gray-800"> fastly ⚡️ </span>
-  </h1>
+  <h1 class="text-center text-4xl tracking-tighter font-extrabold md:text-5xl mt-8">Create React Native apps UI easily and fastly ⚡️</h1>
 
   <div className="mt-12">
     <span className="text-lg sm:text-xl text-center">
@@ -34,7 +27,7 @@ import Image from 'next/image';
         <button className="bg-brand-500 text-white px-6 py-3 text-lg flex items-center rounded-lg shadow hover:bg-brand-600">
           Get started
 
-          <span className="ml-2">
+          <span className="ml-2 hidden sm:inline-block">
             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="lucide lucide-arrow-right"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
           </span>
         </button>

diff --git a/docs/styles.css b/docs/styles.css
@@ -16,21 +16,3 @@
 .dark .invert-on-dark {
   filter: invert(1) brightness(1.8);
 }
-
-body {
-  background:
-    linear-gradient(
-      to bottom,
-      rgba(255, 255, 255, 0) 0%,
-      rgba(255, 255, 255, 1) 300px
-    ),
-    fixed 0 0 / 20px 20px radial-gradient(#d1d1d1 1px, transparent 0),
-    fixed 10px 10px / 20px 20px radial-gradient(#d1d1d1 1px, transparent 0);
-}
-
-.dark body {
-  background:
-    linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #111 300px),
-    fixed 0 0 / 20px 20px radial-gradient(#313131 1px, transparent 0),
-    fixed 10px 10px / 20px 20px radial-gradient(#313131 1px, transparent 0);
-}