docs: update site responsive

tangjinzhou · tangjinzhou · commit be90b53527e0 · 2023-04-08T21:14:27.000+08:00
diff --git a/site/src/layouts/header/Logo.vue b/site/src/layouts/header/Logo.vue
@@ -49,7 +49,7 @@ export default defineComponent({
   }
 }
 
-@media only screen and (max-width: var(--mobile-max-width)) {
+@media only screen and (max-width: 767.99px) {
   #logo {
     padding-right: 0;
     padding-left: 0;
diff --git a/site/src/layouts/header/SearchBox.less b/site/src/layouts/header/SearchBox.less
@@ -125,7 +125,7 @@
   }
 }
 
-@media only screen and (max-width: var(--mobile-max-width)) {
+@media only screen and (max-width: 767.99px) {
   #search-box {
     display: none;
   }
diff --git a/site/src/layouts/header/index.less b/site/src/layouts/header/index.less
@@ -42,7 +42,7 @@
   }
 }
 
-@media only screen and (max-width: var(--mobile-max-width)) {
+@media only screen and (max-width: 767.99px) {
   #header {
     text-align: center;
   }
diff --git a/site/src/theme/static/responsive.less b/site/src/theme/static/responsive.less
@@ -9,7 +9,7 @@
   cursor: pointer;
 }
 
-@media only screen and (max-width: var(--screen-lg)) {
+@media only screen and (max-width: 992px) {
   .toc-affix {
     display: none;
   }

Original file line number	Diff line number	Diff line change
`@@ -49,7 +49,7 @@ export default defineComponent({`
`49`	`49`	`}`
`50`	`50`	`}`
`51`	`51`
`52`		`-@media only screen and (max-width: var(--mobile-max-width)) {`
	`52`	`+@media only screen and (max-width: 767.99px) {`
`53`	`53`	`#logo {`
`54`	`54`	`padding-right: 0;`
`55`	`55`	`padding-left: 0;`
Original file line number	Diff line number	Diff line change
`@@ -125,7 +125,7 @@`
`125`	`125`	`}`
`126`	`126`	`}`
`127`	`127`
`128`		`-@media only screen and (max-width: var(--mobile-max-width)) {`
	`128`	`+@media only screen and (max-width: 767.99px) {`
`129`	`129`	`#search-box {`
`130`	`130`	`display: none;`
`131`	`131`	`}`
Original file line number	Diff line number	Diff line change
`@@ -42,7 +42,7 @@`
`42`	`42`	`}`
`43`	`43`	`}`
`44`	`44`
`45`		`-@media only screen and (max-width: var(--mobile-max-width)) {`
	`45`	`+@media only screen and (max-width: 767.99px) {`
`46`	`46`	`#header {`
`47`	`47`	`text-align: center;`
`48`	`48`	`}`
Original file line number	Diff line number	Diff line change
`@@ -9,7 +9,7 @@`
`9`	`9`	`cursor: pointer;`
`10`	`10`	`}`
`11`	`11`
`12`		`-@media only screen and (max-width: var(--screen-lg)) {`
	`12`	`+@media only screen and (max-width: 992px) {`
`13`	`13`	`.toc-affix {`
`14`	`14`	`display: none;`
`15`	`15`	`}`