girineko/YesPlayMusic
1
0
Fork 0
mirror of https://github.com/GiriNeko/YesPlayMusic.git synced 2025-12-16 21:28:06 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: Lyric font size adjustment | 歌词字体大小可调节 (#398)

Browse source 
* feat: Lyric font size adjustment | 歌词字体大小可调节
This commit is contained in:
Rick 2021-03-12 21:40:28 +08:00 • committed by GitHub
parent 52d7a2af26
commit 6b68287e62
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 56 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

30
src/views/settings.vue
View file

@ -74,6 +74,27 @@
</select>
</div>
</div>
<div class="item">
<div class="left">
<div class="title"> {{ $t("settings.lyricFontSize.text") }} </div>
</div>
<div class="right">
<select v-model="lyricFontSize">
<option value="14">
{{ $t("settings.lyricFontSize.small") }} - 14px
</option>
<option value="22">
{{ $t("settings.lyricFontSize.medium") }} - 22px
</option>
<option value="28">
{{ $t("settings.lyricFontSize.large") }} - 28px
</option>
<option value="36">
{{ $t("settings.lyricFontSize.xlarge") }} - 36px
</option>
</select>
</div>
</div>
<div class="item">
<div class="left">
<div class="title"> {{ $t("settings.deviceSelector") }} </div>
@ -294,6 +315,15 @@ export default {
this.clearCache("tracks");
},
},
lyricFontSize: {
get() {
if (this.settings.lyricFontSize === undefined) return 28;
return this.settings.lyricFontSize;
},
set(value) {
this.$store.commit("changeLyricFontSize", value);
},
},
outputDevice: {
get() {
if (this.withoutAudioPriviledge === true) this.getAllOutputDevices();