mirror of
https://github.com/owntone/owntone-server.git
synced 2025-11-11 14:30:20 -05:00
[web] Fix icon when track is not playable
Spotify tracks that are not playable have now a "not allowed" cursor when hovered. Moreover, the Bulma CSS class is now used for clickable items instead of a custom one.
This commit is contained in:
@@ -23,7 +23,7 @@
|
||||
:artwork_url="album.artwork_url"
|
||||
:artist="album.artist"
|
||||
:album="album.name"
|
||||
class="fd-has-action fd-has-shadow fd-cover fd-cover-medium-image"
|
||||
class="is-clickable fd-has-shadow fd-cover fd-cover-medium-image"
|
||||
@click="show_album_details_modal = true"
|
||||
/>
|
||||
</template>
|
||||
|
||||
@@ -23,7 +23,7 @@
|
||||
:artwork_url="album.artwork_url"
|
||||
:artist="album.artist"
|
||||
:album="album.name"
|
||||
class="fd-has-action fd-has-shadow fd-cover fd-cover-medium-image"
|
||||
class="is-clickable fd-has-shadow fd-cover fd-cover-medium-image"
|
||||
@click="show_album_details_modal = true"
|
||||
/>
|
||||
</template>
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
:artwork_url="now_playing.artwork_url"
|
||||
:artist="now_playing.artist"
|
||||
:album="now_playing.album"
|
||||
class="fd-has-action fd-has-shadow fd-is-expanded fd-cover fd-cover-big-image"
|
||||
class="is-clickable fd-has-shadow fd-is-expanded fd-cover fd-cover-big-image"
|
||||
@click="open_dialog(now_playing)"
|
||||
/>
|
||||
<div class="fd-has-padding-left-right">
|
||||
|
||||
@@ -27,7 +27,7 @@
|
||||
:artwork_url="artwork_url"
|
||||
:artist="album.artist"
|
||||
:album="album.name"
|
||||
class="fd-has-action fd-has-shadow fd-cover fd-cover-medium-image"
|
||||
class="is-clickable fd-has-shadow fd-cover fd-cover-medium-image"
|
||||
@click="show_album_details_modal = true"
|
||||
/>
|
||||
</template>
|
||||
|
||||
@@ -33,7 +33,7 @@
|
||||
:artwork_url="artwork_url(album)"
|
||||
:artist="album.artist"
|
||||
:album="album.name"
|
||||
class="fd-has-action fd-has-shadow fd-cover fd-cover-small-image"
|
||||
class="is-clickable fd-has-shadow fd-cover fd-cover-small-image"
|
||||
:maxwidth="64"
|
||||
:maxheight="64"
|
||||
/>
|
||||
|
||||
@@ -18,7 +18,7 @@
|
||||
:artwork_url="artwork_url(album)"
|
||||
:artist="album.artist"
|
||||
:album="album.name"
|
||||
class="fd-has-action fd-has-shadow fd-cover fd-cover-small-image"
|
||||
class="is-clickable fd-has-shadow fd-cover fd-cover-small-image"
|
||||
:maxwidth="64"
|
||||
:maxheight="64"
|
||||
/>
|
||||
|
||||
@@ -17,7 +17,7 @@
|
||||
:artwork_url="artwork_url(album)"
|
||||
:artist="album.artist"
|
||||
:album="album.name"
|
||||
class="fd-has-action fd-has-shadow fd-cover fd-cover-small-image"
|
||||
class="is-clickable fd-has-shadow fd-cover fd-cover-small-image"
|
||||
:maxwidth="64"
|
||||
:maxheight="64"
|
||||
/>
|
||||
|
||||
@@ -66,7 +66,6 @@ import store from '@/store'
|
||||
import webapi from '@/webapi'
|
||||
import SpotifyWebApi from 'spotify-web-api-js'
|
||||
import { VueEternalLoading } from '@ts-pro/vue-eternal-loading'
|
||||
import { mdiAxe } from '@mdi/js'
|
||||
|
||||
const PAGE_SIZE = 50
|
||||
|
||||
|
||||
@@ -160,7 +160,7 @@
|
||||
:artwork_url="artwork_url(album)"
|
||||
:artist="album.artist"
|
||||
:album="album.name"
|
||||
class="fd-has-action fd-has-shadow fd-cover fd-cover-small-image"
|
||||
class="is-clickable fd-has-shadow fd-cover fd-cover-small-image"
|
||||
:maxwidth="64"
|
||||
:maxheight="64"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user