2
0
Эх сурвалжийг харах

feat: improve navbar layout and add media query for background gradient in documentation styles

codecalm 5 сар өмнө
parent
commit
8710940952

+ 3 - 1
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 {

+ 3 - 3
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">