diff --git a/src/renderer/App.vue b/src/renderer/App.vue index ea1117a2..43860f32 100644 --- a/src/renderer/App.vue +++ b/src/renderer/App.vue @@ -359,6 +359,10 @@ body { flex-flow: column nowrap; transition: background-color @transition-theme; background-color: @color-theme_2; + + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + overflow: hidden; } #toolbar, #player { flex: none; diff --git a/src/renderer/assets/styles/variables.less b/src/renderer/assets/styles/variables.less index 081aebfc..f6687c21 100644 --- a/src/renderer/assets/styles/variables.less +++ b/src/renderer/assets/styles/variables.less @@ -703,7 +703,7 @@ // Width -@width-app-left: 7.3%; +@width-app-left: 6.5%; // Height @height-toolbar: 54px; diff --git a/src/renderer/components/core/Aside.vue b/src/renderer/components/core/Aside.vue index ef2c549d..fc8fcf99 100644 --- a/src/renderer/components/core/Aside.vue +++ b/src/renderer/components/core/Aside.vue @@ -12,19 +12,19 @@ div(:class="$style.aside") div(:class="$style.icon") svg(version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' viewBox='0 0 801.99 811.98' space='preserve') use(xlink:href='#icon-search-2') - span {{$t('core.aside.search')}} + //- span {{$t('core.aside.search')}} dd router-link(:active-class="$style.active" to="songList") div(:class="$style.icon") - svg(version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' viewBox='0 0 805.65 805.58' space='preserve') + svg(version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' viewBox='0 0 739.96 763.59' space='preserve') use(xlink:href='#icon-album') - span {{$t('core.aside.song_list')}} + //- span {{$t('core.aside.song_list')}} dd router-link(:active-class="$style.active" to="leaderboard") div(:class="$style.icon") svg(version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' viewBox='0 0 819.1 819.38' space='preserve') use(xlink:href='#icon-leaderboard') - span {{$t('core.aside.leaderboard')}} + //- span {{$t('core.aside.leaderboard')}} dl //- dt {{$t('core.aside.my_music')}} dd @@ -33,22 +33,22 @@ div(:class="$style.aside") div(:class="$style.icon") svg(version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' viewBox='0 0 830.33 740.22' space='preserve') use(xlink:href='#icon-love') - span {{$t('core.aside.love_list')}} + //- span {{$t('core.aside.love_list')}} router-link(:active-class="$route.query.id === item.id ? $style.active : ''" v-for="item in userList" :to="`list?id=${item._id}`" :key="item._id") {{item.name}} dl //- dt {{$t('core.aside.other')}} dd router-link(:active-class="$style.active" to="download") div(:class="$style.icon") - svg(version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' viewBox='0 0 803.9 719.04' space='preserve') + svg(version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' viewBox='0 0 798.85 718.96' space='preserve') use(xlink:href='#icon-download-2') - span {{$t('core.aside.download')}} + //- span {{$t('core.aside.download')}} dd router-link(:active-class="$style.active" to="setting") div(:class="$style.icon") - svg(version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' viewBox='0 0 812.85 812.85' space='preserve') + svg(version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' viewBox='0 0 854.85 775.41' space='preserve') use(xlink:href='#icon-setting') - span {{$t('core.aside.setting')}} + //- span {{$t('core.aside.setting')}}