From be482bd683cd689cfe86678ae4f6295b7c4495b4 Mon Sep 17 00:00:00 2001
From: lyswhut <lyswhut@qq.com>
Date: Sun, 14 Jun 2020 00:22:30 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=89=93=E5=BC=80=E6=AD=8C?=
 =?UTF-8?q?=E5=8D=95=E8=BE=93=E5=85=A5=E6=A1=86=E5=AE=BD=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/components/material/SearchInput.vue | 1 -
 src/renderer/store/mutations.js                  | 2 +-
 src/renderer/views/SongList.vue                  | 8 ++++++--
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/renderer/components/material/SearchInput.vue b/src/renderer/components/material/SearchInput.vue
index 7ccbc5f3..a90440ae 100644
--- a/src/renderer/components/material/SearchInput.vue
+++ b/src/renderer/components/material/SearchInput.vue
@@ -238,7 +238,6 @@ export default {
 }
 
 .big {
-  min-width: 500px;
   width: 100%;
   // input {
   //   line-height: 30px;
diff --git a/src/renderer/store/mutations.js b/src/renderer/store/mutations.js
index 24e8e2c3..3c710273 100644
--- a/src/renderer/store/mutations.js
+++ b/src/renderer/store/mutations.js
@@ -31,13 +31,13 @@ export default {
     state.version.downloadProgress = info
   },
   setVersionModalVisible(state, { isShow, isError, isDownloaded, isTimeOut, isDownloading, isUnknow, isLatestVer }) {
-    if (isShow !== undefined) state.version.showModal = isShow
     if (isError !== undefined) state.version.isError = isError
     if (isTimeOut !== undefined) state.version.isTimeOut = isTimeOut
     if (isDownloading !== undefined) state.version.isDownloading = isDownloading
     if (isDownloaded !== undefined) state.version.isDownloaded = isDownloaded
     if (isUnknow !== undefined) state.version.isUnknow = isUnknow
     if (isLatestVer !== undefined) state.version.isLatestVer = isLatestVer
+    if (isShow !== undefined) state.version.showModal = isShow
   },
   setIgnoreVersion(state, version) {
     state.setting.ignoreVersion = version
diff --git a/src/renderer/views/SongList.vue b/src/renderer/views/SongList.vue
index 1d45da31..bd98781b 100644
--- a/src/renderer/views/SongList.vue
+++ b/src/renderer/views/SongList.vue
@@ -41,8 +41,8 @@
                     material-pagination(:count="listData.total" :limit="listData.limit" :page="listData.page" @btn-click="handleToggleListPage")
               transition(enter-active-class="animated-fast fadeIn" leave-active-class="animated-fast fadeOut")
                 div(:class="$style.importSongListContent" v-show="sortId === 'importSongList'")
-                  div(:style="{ width: '500px' }")
-                    material-search-input(v-model="importSongListText" @event="handleImportSongListEvent" big :placeholder="$t('view.song_list.input_text')")
+                  div(:style="{ width: '50%' }")
+                    material-search-input(:class="$style.searchInput" v-model="importSongListText" @event="handleImportSongListEvent" big :placeholder="$t('view.song_list.input_text')")
                       svg(version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' height='100%' viewBox='0 0 451.846 451.847' space='preserve')
                         use(xlink:href='#icon-right')
                     div(:class="$style.tips")
@@ -465,6 +465,10 @@ export default {
   }
 }
 
+.searchInput {
+  width: 100%;
+}
+
 .song-list-header-middle {
   flex: auto;
   padding: 5px 7px;