docs: 优化文档 css (#653)

web/.vitepress/theme/components/HomeAuthorize.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="authorize">
+  <div class="home">
     <div class="container">
       <h2>授权</h2>
       <h3>类库</h3>
@@ -21,26 +21,12 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@media (min-width: 640px) {
-  .authorize {
-    padding: 0 48px;
-  }
-}
-@media (min-width: 960px) {
-  .authorize {
-    padding: 0 64px;
-  }
-}
+@import '../css/home';
 
-.authorize {
+.home {
   margin-top: 50px;
-  padding: 0 24px;
-}
-
-.container {
-  max-width: 1152px;
-  margin: 0 auto;
 
+  .container {
     p {
       display: block;
       margin-block-start: 1em;
@@ -75,5 +61,6 @@ export default {
       margin-inline-start: 0;
       margin-inline-end: 0;
     }
+  }
 }
 </style>

web/.vitepress/theme/components/HomePrimary.vue

@@ -16,26 +16,12 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@media (min-width: 640px) {
-  .home {
-    padding: 0 48px;
-  }
-}
-@media (min-width: 960px) {
-  .home {
-    padding: 0 64px;
-  }
-}
+@import '../css/home';
 
 .home {
+  .container {
     margin-bottom: 50px;
-  padding: 0 24px;
-}
-
-.container {
-  max-width: 1152px;
     text-align: center;
-  margin: 0 auto;
 
     img {
       display: inline-block;
@@ -48,7 +34,6 @@ export default {
       border-width: 2px;
       border-style: solid;
       border-radius: 4px;
-    transition: background-color var(--t-color);
       box-sizing: border-box;
 
       &.primary {
@@ -57,5 +42,6 @@ export default {
         border-color: #3eaf7c;
       }
     }
+  }
 }
 </style>

web/.vitepress/theme/css/home.scss

@@ -0,0 +1,19 @@
+@media (min-width: 640px) {
+    .home {
+        padding: 0 48px;
+    }
+}
+@media (min-width: 960px) {
+    .home {
+        padding: 0 64px;
+    }
+}
+
+.home {
+    padding: 0 24px;
+
+    .container {
+        max-width: 1152px;
+        margin: 0 auto;
+    }
+}