Update hero banner for documentation button update (#157)

boa-dev · Jun 18, 2024 · 0b6de6e · 0b6de6e
1 parent f1b4e1d
commit 0b6de6e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/src/components/home/index.module.css b/src/components/home/index.module.css
@@ -24,6 +24,10 @@ html[data-theme="dark"] {
   .heroBanner {
     padding: 2rem;
   }
+
+  .buttons {
+    flex-direction: column;
+  }
 }
 
 .buttons {
@@ -32,6 +36,6 @@ html[data-theme="dark"] {
   justify-content: center;
 }
 
-.buttonMargin {
-  margin: 1em 0.5em;
+.buttons>a {
+  margin: 0.5rem;
 }
diff --git a/src/components/home/index.tsx b/src/components/home/index.tsx
@@ -24,13 +24,11 @@ function HomepageHeader() {
           >
             Visit Boa Playground
           </Link>
-        </div>
-        <div>
           <Link
-            className={"button button--secondary " + styles.buttonMargin}
+            className={"button button--secondary button--lg"}
             href="https://docs.rs/boa_engine/latest/boa_engine/"
           >
-            Documentation
+            View Documentation
           </Link>
         </div>
       </div>