doc: update style

Author: tangjinzhou

site/src/components/surelyVue.vue

@@ -1,17 +1,19 @@
 <template>
-  <div :class="cls">
-    <div class="logo">
-      <img height="80" src="https://www.surely.cool/surely-vue-logo.png" alt="" />
-    </div>
-    <div class="desc">
-      <div class="title">高性能 Surely Vue</div>
-      <div class="sub-title">
-        构建更快的网站
-        <br />
-        更快的构建网站
+  <a href="https://www.surely.cool/" target="_blank">
+    <div :class="cls">
+      <div class="logo">
+        <img height="80" src="https://www.surely.cool/surely-vue-logo.png" alt="" />
+      </div>
+      <div class="desc">
+        <div class="title">高性能 Surely Vue</div>
+        <div class="sub-title">
+          构建更快的网站
+          <br />
+          更快的构建网站
+        </div>
       </div>
     </div>
-  </div>
+  </a>
   <div class="placeholder"></div>
 </template>
 <script lang="ts">
@@ -50,6 +52,10 @@ export default defineComponent({
 .desc {
   margin-left: 20px;
   overflow: hidden;
+  color: rgba(0, 0, 0, 0.85);
+  font-family: Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
+    Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
+    'Noto Color Emoji', sans-serif;
 }
 .title {
   font-size: 18px;

site/src/layouts/index.vue

@@ -10,7 +10,9 @@
           class="drawer drawer-left"
           :visible="visible"
           wrapper-class-name="drawer-wrapper"
+          width="60%"
         >
+          <surelyVueVue />
           <Menu :menus="dataSource" :active-menu-item="activeMenuItem" :is-zh-c-n="isZhCN" />
           <template #handle>
             <div class="drawer-handle" @click="handleClickShowButton">