From 621e7918bee36cfe698fdc8c4ba1c34eac007d9a Mon Sep 17 00:00:00 2001
From: ruibaby <i@ryanc.cc>
Date: Sun, 14 Apr 2019 17:50:24 +0800
Subject: [PATCH] Fixed style error.

---
 src/components/Menu/SideMenu.vue     |  9 ++++---
 src/components/Tools/Logo.vue        | 29 +++++++-------------
 src/components/Tools/SideProfile.vue | 40 ++++++++++++++++++++++++++++
 src/components/global.less           |  8 +++---
 src/views/interface/ThemeList.vue    |  8 +++---
 src/views/page/internal/LinkList.vue |  6 +----
 6 files changed, 63 insertions(+), 37 deletions(-)
 create mode 100644 src/components/Tools/SideProfile.vue

diff --git a/src/components/Menu/SideMenu.vue b/src/components/Menu/SideMenu.vue
index 1e644372..2349a6b8 100644
--- a/src/components/Menu/SideMenu.vue
+++ b/src/components/Menu/SideMenu.vue
@@ -4,17 +4,18 @@
     width="256px"
     :collapsible="collapsible"
     v-model="collapsed"
-    :trigger="null">
-    <logo />
+    :trigger="null"
+  >
+    <logo/>
     <s-menu
       :collapsed="collapsed"
       :menu="menus"
       :theme="theme"
       :mode="mode"
       @select="onSelect"
-      style="padding: 16px 0px;"></s-menu>
+      style="padding: 16px 0px;"
+    ></s-menu>
   </a-layout-sider>
-
 </template>
 
 <script>
diff --git a/src/components/Tools/Logo.vue b/src/components/Tools/Logo.vue
index 9d626190..647c3e76 100644
--- a/src/components/Tools/Logo.vue
+++ b/src/components/Tools/Logo.vue
@@ -1,31 +1,20 @@
 <template>
   <div class="logo">
     <router-link :to="{ name:'Dashboard' }">
-      <LogoSvg alt="logo" />
-      <h1 v-if="showTitle">{{ title }}</h1>
+      <h1 class="logo-title">Halo</h1>
+      <h1 class="logo-sub-title">Dashboard</h1>
     </router-link>
   </div>
 </template>
 
 <script>
-import LogoSvg from '@/assets/logo.svg?inline'
-
 export default {
-  name: 'Logo',
-  components: {
-    LogoSvg
-  },
-  props: {
-    title: {
-      type: String,
-      default: 'Halo Dashboard',
-      required: false
-    },
-    showTitle: {
-      type: Boolean,
-      default: true,
-      required: false
-    }
-  }
+  name: 'Logo'
 }
 </script>
+
+<style scope>
+.logo-sub-title{
+  padding-left: 10px;
+}
+</style>
diff --git a/src/components/Tools/SideProfile.vue b/src/components/Tools/SideProfile.vue
new file mode 100644
index 00000000..c9d3efc8
--- /dev/null
+++ b/src/components/Tools/SideProfile.vue
@@ -0,0 +1,40 @@
+<template>
+  <div class="side-profile">
+    <router-link :to="{ name:'Dashboard' }">
+        <a-avatar class="avatar" size="large" src="https://gravatar.loli.net/avatar/?s=256&d=mm"/>
+    </router-link>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: 'SideProfile',
+  props: {
+    title: {
+      type: String,
+      default: 'Halo Dashboard',
+      required: false
+    },
+    showTitle: {
+      type: Boolean,
+      default: true,
+      required: false
+    }
+  }
+}
+</script>
+
+<style scope>
+.sider .side-profile {
+  left: 0;
+  width: 100%;
+  height: 72px;
+  line-height: 72px;
+  padding-left: 24px;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+  overflow: hidden;
+  z-index: 9;
+}
+</style>
diff --git a/src/components/global.less b/src/components/global.less
index 7d0c444d..ce42340f 100644
--- a/src/components/global.less
+++ b/src/components/global.less
@@ -279,8 +279,8 @@ body {
             display: inline-block;
             vertical-align: top;
             font-size: 16px;
-            margin: 0 0 0 12px;
-            font-weight: 400;
+            margin: 0;
+            font-weight: 600;
           }
         }
       }
@@ -369,12 +369,12 @@ body {
 
   .logo {
     position: absolute;
+    text-align: center;
     top: 0;
     left: 0;
     width: 100%;
     height: 64px;
     line-height: 64px;
-    padding-left: 24px;
     -webkit-transition: all .3s;
     transition: all .3s;
     background: #002140;
@@ -394,7 +394,7 @@ body {
     h1 {
       color: #fff;
       font-size: 20px;
-      margin: 0 0 0 12px;
+      margin: 0;
       font-family: Avenir,Helvetica Neue,Arial,Helvetica,sans-serif;
       font-weight: 600;
       vertical-align: middle;
diff --git a/src/views/interface/ThemeList.vue b/src/views/interface/ThemeList.vue
index 28322a9e..48fe6458 100644
--- a/src/views/interface/ThemeList.vue
+++ b/src/views/interface/ThemeList.vue
@@ -105,19 +105,19 @@
             :loading="optionLoading"
             :paragraph="{rows: 10}"
           >
-            <a-card hoverable>
+            <a-card :bordered="false">
               <img
                 :alt="themeProperty.name"
                 :src="themeProperty.screenshots"
                 slot="cover"
               />
               <a-card-meta
-                :title="themeProperty.name"
+                :title="themeProperty.author.name"
                 :description="themeProperty.description"
               >
                 <a-avatar
-                  v-if="themeProperty.author.avatar"
-                  :src="themeProperty.author.avatar"
+                  v-if="themeProperty.logo"
+                  :src="themeProperty.logo"
                   size="large"
                   slot="avatar"
                 />
diff --git a/src/views/page/internal/LinkList.vue b/src/views/page/internal/LinkList.vue
index f0e93bea..b1444677 100644
--- a/src/views/page/internal/LinkList.vue
+++ b/src/views/page/internal/LinkList.vue
@@ -82,7 +82,7 @@
               >{{ text }}</a>
             </template>
             <ellipsis
-              :length="30"
+              :length="15"
               tooltip
               slot="name"
               slot-scope="text"
@@ -130,10 +130,6 @@ const columns = [
     title: '分组',
     dataIndex: 'team'
   },
-  {
-    title: '描述',
-    dataIndex: 'description'
-  },
   {
     title: '操作',
     key: 'action',