From 00001bbf0bc6c369483227ddc2e3e98b2086094d Mon Sep 17 00:00:00 2001
From: Travis Abendshien <46939827+CyanVoxel@users.noreply.github.com>
Date: Mon, 18 Aug 2025 08:26:41 -0700
Subject: [PATCH] docs: update header style for mobile

---
 docs/stylesheets/extra.css | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
index bdb4dde8..be8e9133 100644
--- a/docs/stylesheets/extra.css
+++ b/docs/stylesheets/extra.css
@@ -26,6 +26,18 @@
     );
 }
 
+/* Mobile Nav Header */
+.md-nav__source {
+    background: linear-gradient(
+        60deg,
+        rgb(205, 78, 255) 0%,
+        rgb(116, 123, 255) 100%
+    );
+    border-style: solid;
+    border-width: 0 0 2px 0;
+    border-color: #ffffff33;
+}
+
 th,
 td {
     padding: 0.5em 1em 0.5em 1em !important;
@@ -121,3 +133,23 @@ h2 > .twemoji {
 .gray {
     color: rgb(158, 158, 158);
 }
+
+@media screen and (max-width: 76.234375em) {
+    /* Always show image logo on mobile */
+    .md-header__button.md-logo {
+        display: block;
+    }
+
+    label[for="__drawer"].md-header__button.md-icon {
+        order: -1;
+    }
+
+    .md-header {
+        background: linear-gradient(
+            60deg,
+            rgb(205, 78, 255) 10%,
+            rgb(116, 123, 255) 70%,
+            rgb(72, 179, 255) 100%
+        );
+    }
+}