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

feat: add copy track link & fixed various visual defects (#1489)

Browse source 
* feat: add copy track link

* fix: various visual defects

* feat: add track low res fallback

* chore: remove redundant locale strings

* chore: separate playbackState for a new PR

* build: fix netlify failing to build site
This commit is contained in:
GalvinGao 2022-04-12 16:16:46 +08:00 • committed by GitHub
parent 16b525915e
commit ea4b20755d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
10 changed files with 89 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

34
src/views/library.vue
View file

@ -153,10 +153,22 @@
</div>
<div v-show="currentTab === 'playHistory'">
<button class="playHistory-button" @click="playHistoryMode = 'week'">
<button
:class="{
'playHistory-button': true,
'playHistory-button--selected': playHistoryMode === 'week',
}"
@click="playHistoryMode = 'week'"
>
{{ $t('library.playHistory.week') }}
</button>
<button class="playHistory-button" @click="playHistoryMode = 'all'">
<button
:class="{
'playHistory-button': true,
'playHistory-button--selected': playHistoryMode === 'all',
}"
@click="playHistoryMode = 'all'"
>
{{ $t('library.playHistory.all') }}
</button>
<TrackList
@ -581,13 +593,29 @@ button.tab-button {
button.playHistory-button {
color: var(--color-text);
border-radius: 8px;
padding: 10px;
padding: 6px 8px;
margin-bottom: 12px;
margin-right: 4px;
transition: 0.2s;
opacity: 0.68;
font-weight: 500;
cursor: pointer;
&:hover {
opacity: 1;
background: var(--color-secondary-bg);
}
&:active {
transform: scale(0.95);
}
}
button.playHistory-button--selected {
color: var(--color-text);
background: var(--color-secondary-bg);
opacity: 1;
font-weight: 700;
&:active {
transform: none;
}
}
</style>