fix: fix search box style

kagol · kagol · commit 23ef7b5aa8ec · 2024-12-09T20:17:22.000+08:00
diff --git a/examples/sites/src/style.css b/examples/sites/src/style.css
@@ -37,7 +37,7 @@ strong {
   left: 210px;
 }
 
-.DocSearch-Container {
+.DocSearch.DocSearch-Container {
   z-index: 1000;
   font-size: 14px;
 }
@@ -72,11 +72,11 @@ strong {
 }
 
 @media screen and (max-width: 768px) {
-  .DocSearch-Modal {
-    margin-top: 60px;
-  }
-
   .search-box {
     left: 230px;
   }
+
+  .search-box .DocSearch-Button {
+    padding: 0 11px;
+  }
 }

Original file line number	Diff line number	Diff line change
`@@ -37,7 +37,7 @@ strong {`
`37`	`37`	`left: 210px;`
`38`	`38`	`}`
`39`	`39`
`40`		`-.DocSearch-Container {`
	`40`	`+.DocSearch.DocSearch-Container {`
`41`	`41`	`z-index: 1000;`
`42`	`42`	`font-size: 14px;`
`43`	`43`	`}`
`@@ -72,11 +72,11 @@ strong {`
`72`	`72`	`}`
`73`	`73`
`74`	`74`	`@media screen and (max-width: 768px) {`
`75`		`- .DocSearch-Modal {`
`76`		`- margin-top: 60px;`
`77`		`- }`
`78`		`-`
`79`	`75`	`.search-box {`
`80`	`76`	`left: 230px;`
`81`	`77`	`}`
	`78`	`+`
	`79`	`+ .search-box .DocSearch-Button {`
	`80`	`+ padding: 0 11px;`
	`81`	`+ }`
`82`	`82`	`}`