docs: optimize algolia search style (#2605)

kagol · web-flow · commit c5e56b664ee6 · 2024-12-04T15:36:04.000+08:00
diff --git a/examples/sites/src/style.css b/examples/sites/src/style.css
@@ -32,11 +32,12 @@ b, strong {
   position: absolute;
   z-index: 1000;
   top: 12px;
-  left: 360px;
+  left: 210px;
 }
 
 .DocSearch-Container {
   z-index: 1000;
+  font-size: 14px;
 }
 
 .DocSearch-Button {
@@ -62,9 +63,9 @@ b, strong {
   --docsearch-searchbox-background: #f5f5f5;
 }
 
-@media screen and (max-width: 1023px) {
+@media screen and (max-width: 814px) {
   .search-box {
-    left: 420px;
+    left: 230px;
   }
 }
 
@@ -74,12 +75,6 @@ b, strong {
   }
 
   .search-box {
-    left: 360px;
+    left: 230px;
   }
 }
-
-@media screen and (max-width: 430px) {
-  .search-box {
-    left: 300px;
-  }
-}

Original file line number	Diff line number	Diff line change
`@@ -32,11 +32,12 @@ b, strong {`
`32`	`32`	`position: absolute;`
`33`	`33`	`z-index: 1000;`
`34`	`34`	`top: 12px;`
`35`		`- left: 360px;`
	`35`	`+ left: 210px;`
`36`	`36`	`}`
`37`	`37`
`38`	`38`	`.DocSearch-Container {`
`39`	`39`	`z-index: 1000;`
	`40`	`+ font-size: 14px;`
`40`	`41`	`}`
`41`	`42`
`42`	`43`	`.DocSearch-Button {`
`@@ -62,9 +63,9 @@ b, strong {`
`62`	`63`	`--docsearch-searchbox-background: #f5f5f5;`
`63`	`64`	`}`
`64`	`65`
`65`		`-@media screen and (max-width: 1023px) {`
	`66`	`+@media screen and (max-width: 814px) {`
`66`	`67`	`.search-box {`
`67`		`- left: 420px;`
	`68`	`+ left: 230px;`
`68`	`69`	`}`
`69`	`70`	`}`
`70`	`71`
`@@ -74,12 +75,6 @@ b, strong {`
`74`	`75`	`}`
`75`	`76`
`76`	`77`	`.search-box {`
`77`		`- left: 360px;`
	`78`	`+ left: 230px;`
`78`	`79`	`}`
`79`	`80`	`}`
`80`		`-`
`81`		`-@media screen and (max-width: 430px) {`
`82`		`- .search-box {`
`83`		`- left: 300px;`
`84`		`- }`
`85`		`-}`