improve mobile sizing and buttons

Author: jkelleyrtp

assets/tailwind.css

@@ -907,8 +907,8 @@ video {
   height: 100vh;
 }
 
-.max-h-80 {
-  max-height: 20rem;
+.max-h-40 {
+  max-height: 10rem;
 }
 
 .max-h-\[60vh\] {
@@ -2396,6 +2396,10 @@ video {
     height: 34.6875rem;
   }
 
+  .lg\:max-h-80 {
+    max-height: 20rem;
+  }
+
   .lg\:w-1\/3 {
     width: 33.333333%;
   }

src/components/homepage/hero.rs

@@ -35,7 +35,7 @@ pub(crate) fn Hero() -> Element {
                             }
                         }
                     }
-                    div { class: "lg:pb-12 h-screen max-h-80",
+                    div { class: "lg:pb-12 h-screen max-h-40 lg:max-h-80 my-8",
                         img {
                             src: asset!("/assets/static/multiplatform-dark.svg"),
                             class: "dark:hidden w-full h-full",

src/components/nav.rs

@@ -8,7 +8,10 @@ pub(crate) static SHOW_SEARCH: GlobalSignal<bool> = Signal::global(|| false);
 
 pub(crate) fn Nav() -> Element {
     let route: Route = use_route();
-    let is_docs = matches!(route, Route::Docs06 { .. });
+    let is_docs = matches!(
+        route,
+        Route::Docs06 { .. } | Route::Docs05 { .. } | Route::Docs04 { .. } | Route::Docs03 { .. }
+    );
 
     rsx! {
         SearchModal {}