From 3dddc53ed3d254490f850fc3663fd93da567f39d Mon Sep 17 00:00:00 2001
From: Peng-YM <1048217874pengym@gmail.com>
Date: Wed, 9 Dec 2020 11:17:42 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=88=97=E8=A1=A8=E5=9B=BE?=
 =?UTF-8?q?=E6=A0=87=E9=97=AA=E7=83=81=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/App.vue                |  3 +++
 web/src/assets/css/app.scss    | 24 ++++++------------------
 web/src/views/Cloud.vue        |  8 +-------
 web/src/views/Subscription.vue |  2 +-
 web/src/views/User.vue         | 22 +++++-----------------
 5 files changed, 16 insertions(+), 43 deletions(-)

diff --git a/web/src/App.vue b/web/src/App.vue
index 15110fb..23e0e88 100644
--- a/web/src/App.vue
+++ b/web/src/App.vue
@@ -44,6 +44,9 @@ function initStore(store) {
   store.dispatch("FETCH_ARTIFACTS").catch(() => {
     showError(`无法拉取配置列表！`);
   });
+  store.dispatch("FETCH_SETTINGS").catch(() => {
+    showError(`无法拉取配置列表！`);
+  });
   store.dispatch("FETCH_ENV").catch(() => {
     showError(`无法获取当前运行环境！`);
   });
diff --git a/web/src/assets/css/app.scss b/web/src/assets/css/app.scss
index 8385439..c3f927c 100644
--- a/web/src/assets/css/app.scss
+++ b/web/src/assets/css/app.scss
@@ -231,12 +231,12 @@ html, body {
   }
 }
 
-.v-avatar {
-  .v-icon, .v-image, .v-responsive__content, img, svg {
-    -webkit-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
-    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
-  }
-}
+//.v-avatar {
+//  .v-icon, .v-image, .v-responsive__content, img, svg {
+//    -webkit-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
+//    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
+//  }
+//}
 
 .v-list-item__icon {
   margin: 12px 0;
@@ -350,12 +350,6 @@ html, body {
   background-color: #fff;
   margin-right: 17px;
   margin-bottom: 2px;
-
-  &:hover {
-    background-color: #fff;
-    -webkit-box-shadow: 0 14px 26px -12px hsla(0, 0%, 60%, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px hsla(0, 0%, 60%, 0.2);
-    box-shadow: 0 14px 26px -12px hsla(0, 0%, 60%, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px hsla(0, 0%, 60%, 0.2);
-  }
 }
 
 .v-toolbar__content {
@@ -441,12 +435,6 @@ html, body {
 
 .theme--light.v-btn:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined) {
   background-color: #999;
-  //color: #fff;
-
-  &:hover {
-    background-color: #999;
-    color: #fff;
-  }
 }
 
 .v-btn--contained {
diff --git a/web/src/views/Cloud.vue b/web/src/views/Cloud.vue
index bf0e68f..73c20af 100644
--- a/web/src/views/Cloud.vue
+++ b/web/src/views/Cloud.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-container>
+  <v-container fluid>
     <v-card>
       <v-card-title>
         同步配置
@@ -191,12 +191,6 @@ export default {
       }
     }
   },
-  created() {
-    axios.get("/artifacts").then(resp => {
-      const {data} = resp.data;
-      this.artifacts = Object.keys(data).map(k => data[k]);
-    })
-  },
   computed: {
     artifacts() {
       const items = this.$store.state.artifacts;
diff --git a/web/src/views/Subscription.vue b/web/src/views/Subscription.vue
index 8ba5987..6bce64e 100644
--- a/web/src/views/Subscription.vue
+++ b/web/src/views/Subscription.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-container>
+  <v-container fluid>
     <v-card>
       <v-card-title>
         订阅
diff --git a/web/src/views/User.vue b/web/src/views/User.vue
index 054af35..9abf180 100644
--- a/web/src/views/User.vue
+++ b/web/src/views/User.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-container>
+  <v-container fluid>
     <v-card>
       <v-card-title>
         GitHub 配置
@@ -53,23 +53,10 @@ import {axios, showError} from "@/utils";
 import {format} from "timeago.js";
 
 export default {
-  data() {
-    return {
-      settings: {
-        gistToken: "",
-        githubUser: "",
-        syncTime: ""
-      }
-    }
-  },
-  created() {
-    axios.get(`/settings`).then(resp => {
-      this.settings.gistToken = resp.data.gistToken;
-      this.settings.githubUser = resp.data.githubUser;
-      this.settings.syncTime = resp.data.syncTime;
-    });
-  },
   computed: {
+    settings() {
+      return this.$store.state.settings;
+    },
     syncTime(){
       if (this.settings.syncTime) {
         return format(this.settings.syncTime, "zh_CN");
@@ -81,6 +68,7 @@ export default {
   methods: {
     save() {
       axios.patch(`/settings`, this.settings);
+      this.$store.dispatch("FETCH_SETTINGS");
       this.$store.commit("SET_SUCCESS_MESSAGE", `保存成功！`);
     },