From 8710940952fbe56892607b9dbb85d9e0842a2147 Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Sun, 20 Apr 2025 20:09:23 +0200
Subject: [PATCH] feat: improve navbar layout and add media query for
 background gradient in documentation styles

---
 docs/scss/docs.scss              | 4 +++-
 shared/includes/docs/navbar.html | 6 +++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/docs/scss/docs.scss b/docs/scss/docs.scss
index c08c63b87..e8146bb76 100644
--- a/docs/scss/docs.scss
+++ b/docs/scss/docs.scss
@@ -13,7 +13,9 @@
 }
 
 .bg-docs-gradient {
-  background: radial-gradient(circle at 0 0, color-mix(in srgb, var(--tblr-primary) 4%, transparent), transparent 80%) no-repeat 0 0 / 800px 800px !important;
+  @media (min-width: 992px) {
+    background: radial-gradient(circle at 0 0, color-mix(in srgb, var(--tblr-primary) 4%, transparent), transparent 80%) no-repeat 0 0 / 800px 800px !important;
+  }
 }
 
 .DocSearch-Button {
diff --git a/shared/includes/docs/navbar.html b/shared/includes/docs/navbar.html
index 1ad352d8e..dfc2a6068 100644
--- a/shared/includes/docs/navbar.html
+++ b/shared/includes/docs/navbar.html
@@ -1,6 +1,6 @@
-<div class="navbar navbar-expand-md sticky-top">
+<div class="navbar navbar-expand sticky-top">
 	<div class="container">
-		<div class="row flex-fill align-items-center">
+		<div class="row flex-fill align-items-md-center">
 			<div class="col">
 				<div class="d-flex align-items-center gap-4">
 					<a href="/" class="navbar-brand navbar-brand-autodark gap-4">
@@ -11,7 +11,7 @@
 					</div>
 				</div>
 			</div>
-			<div class="col">
+			<div class="d-none d-md-block col">
 				<div id="docsearch"></div>
 			</div>
 			<div class="col d-flex">