MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2025-03-20 04:24:20 -04:00
Code Issues Packages Projects Releases Wiki Activity

[web] Remove useless style elements

Browse Source
This commit is contained in:
Alain Nussbaumer 2024-09-08 22:01:04 +02:00
parent 2bf0505cca
commit e12ab3dd08
66 changed files with 126 additions and 255 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web-src/src/App.vue
View File

@ -360,5 +360,3 @@ export default {
template: '<App/>'
}
</script>
<style></style>

2
web-src/src/components/ControlDropdown.vue
View File

@ -64,5 +64,3 @@ export default {
}
}
</script>
<style></style>

13
web-src/src/components/IndexButtonList.vue
View File

@ -1,10 +1,10 @@
<template>
<section>
<nav class="buttons is-centered mb-4 fd-is-square">
<nav class="buttons is-centered mb-4">
<router-link
v-for="index in indices"
:key="index"
class="button is-small"
class="button is-small is-square"
:to="{ hash: `#index_${index}`, query: $route.query }"
>
{{ index }}
@ -20,4 +20,11 @@ export default {
}
</script>
<style></style>
<style scoped>
.is-square {
height: 1.75rem;
min-width: 1.75rem;
padding-left: 0.25rem;
padding-right: 0.25rem;
}
</style>

43
web-src/src/components/ListAlbums.vue
View File

@ -1,6 +1,6 @@
<template>
<template v-for="item in items" :key="item.itemId">
<div v-if="!item.isItem" class="mt-6 mb-5 py-2">
<div v-if="!item.isItem" class="py-5">
<span
:id="`index_${item.index}`"
class="tag is-info is-light is-small has-text-weight-bold"
@ -8,30 +8,25 @@
/>
</div>
<div v-else class="media is-align-items-center" @click="open(item.item)">
<div
<cover-artwork
v-if="settingsStore.show_cover_artwork_in_album_lists"
class="media-left"
>
<cover-artwork
:url="item.item.artwork_url"
:artist="item.item.artist"
:album="item.item.name"
class="is-clickable fd-has-shadow fd-cover fd-cover-small-image"
:url="item.item.artwork_url"
:artist="item.item.artist"
:album="item.item.name"
class="media-left is-clickable fd-has-shadow fd-cover fd-cover-small-image"
/>
<div class="media-content is-clickable">
<p class="title is-6" v-text="item.item.name" />
<p
class="subtitle is-7 has-text-grey has-text-weight-bold"
v-text="item.item.artist"
/>
<p
v-if="item.item.date_released && item.item.media_kind === 'music'"
class="subtitle is-7 has-text-grey"
v-text="$filters.date(item.item.date_released)"
/>
</div>
<div class="media-content is-clickable is-clipped">
<div>
<h1 class="title is-6" v-text="item.item.name" />
<h2
class="subtitle is-7 has-text-grey has-text-weight-bold"
v-text="item.item.artist"
/>
<h2
v-if="item.item.date_released && item.item.media_kind === 'music'"
class="subtitle is-7 has-text-grey"
v-text="$filters.date(item.item.date_released)"
/>
</div>
</div>
<div class="media-right">
<a @click.prevent.stop="open_dialog(item.item)">
@ -148,5 +143,3 @@ export default {
}
}
</script>
<style></style>

16
web-src/src/components/ListAlbumsSpotify.vue
View File

@ -1,24 +1,24 @@
<template>
<template v-for="item in items" :key="item.id">
<div class="media is-align-items-center" @click="open(item)">
<div class="media is-align-items-center is-clickable" @click="open(item)">
<div
v-if="settingsStore.show_cover_artwork_in_album_lists"
class="media-left is-clickable"
class="media-left"
>
<cover-artwork
:url="artwork_url(item)"
:artist="item.artist"
:album="item.name"
class="is-clickable fd-has-shadow fd-cover fd-cover-small-image"
class="fd-has-shadow fd-cover fd-cover-small-image"
/>
</div>
<div class="media-content is-clickable is-clipped">
<h1 class="title is-6" v-text="item.name" />
<h2
<div class="media-content is-clipped">
<p class="title is-6" v-text="item.name" />
<p
class="subtitle is-7 has-text-grey has-text-weight-bold"
v-text="item.artists[0]?.name"
/>
<h2
<p
class="subtitle is-7 has-text-grey"
v-text="
[item.album_type, $filters.date(item.release_date)].join(', ')
@ -76,5 +76,3 @@ export default {
}
}
</script>
<style></style>

8
web-src/src/components/ListArtists.vue
View File

@ -1,7 +1,7 @@
<template>
<template v-for="item in items" :key="item.itemId">
<div v-if="!item.isItem" class="mt-6 mb-5 py-2">
<div class="media-content is-clipped">
<div v-if="!item.isItem" class="py-5">
<div class="media-content">
<span
:id="`index_${item.index}`"
class="tag is-info is-light is-small has-text-weight-bold"
@ -11,7 +11,7 @@
</div>
<div v-else class="media is-align-items-center" @click="open(item.item)">
<div class="media-content is-clickable is-clipped">
<h1 class="title is-6" v-text="item.item.name" />
<p class="title is-6" v-text="item.item.name" />
</div>
<div class="media-right">
<a @click.prevent.stop="open_dialog(item.item)">
@ -60,5 +60,3 @@ export default {
}
}
</script>
<style></style>

4
web-src/src/components/ListArtistsSpotify.vue
View File

@ -2,7 +2,7 @@
<template v-for="item in items" :key="item.id">
<div class="media is-align-items-center">
<div class="media-content is-clickable is-clipped" @click="open(item)">
<h1 class="title is-6" v-text="item.name" />
<p class="title is-6" v-text="item.name" />
</div>
<div class="media-right">
<a @click.prevent.stop="open_dialog(item)">
@ -45,5 +45,3 @@ export default {
}
}
</script>
<style></style>

8
web-src/src/components/ListComposers.vue
View File

@ -1,7 +1,7 @@
<template>
<template v-for="item in items" :key="item.itemId">
<div v-if="!item.isItem" class="mt-6 mb-5 py-2">
<div class="media-content is-clipped">
<div v-if="!item.isItem" class="py-5">
<div class="media-content">
<span
:id="`index_${item.index}`"
class="tag is-info is-light is-small has-text-weight-bold"
@ -11,7 +11,7 @@
</div>
<div v-else class="media is-align-items-center" @click="open(item.item)">
<div class="media-content is-clickable is-clipped">
<h1 class="title is-6" v-text="item.item.name" />
<p class="title is-6" v-text="item.item.name" />
</div>
<div class="media-right">
<a @click.prevent.stop="open_dialog(item.item)">
@ -62,5 +62,3 @@ export default {
}
}
</script>
<style></style>

18
web-src/src/components/ListDirectories.vue
View File

@ -1,9 +1,11 @@
<template>
<div v-if="$route.query.directory" class="media is-align-items-center">
<figure class="media-left is-clickable" @click="open_parent">
<mdicon class="icon" name="chevron-left" size="16" />
</figure>
<div class="media-content is-clipped">
<mdicon
class="icon media-left is-clickable"
name="chevron-left"
@click="open_parent"
/>
<div class="media-content">
<nav class="breadcrumb">
<ul>
<li v-for="directory in directories" :key="directory.index">
@ -20,11 +22,9 @@
</div>
<template v-for="item in items" :key="item.path">
<div class="media is-align-items-center" @click="open(item)">
<figure class="media-left is-clickable">
<mdicon class="icon" name="folder" size="16" />
</figure>
<mdicon class="media-left is-clickable icon" name="folder" />
<div class="media-content is-clickable is-clipped">
<h1 class="title is-6" v-text="item.name" />
<p class="title is-6" v-text="item.name" />
</div>
<div class="media-right">
<a @click.prevent.stop="open_dialog(item)">
@ -90,5 +90,3 @@ export default {
}
}
</script>
<style></style>

8
web-src/src/components/ListGenres.vue
View File

@ -1,7 +1,7 @@
<template>
<template v-for="item in items" :key="item.itemId">
<div v-if="!item.isItem" class="mt-6 mb-5 py-2">
<div class="media-content is-clipped">
<div v-if="!item.isItem" class="py-5">
<div class="media-content">
<span
:id="`index_${item.index}`"
class="tag is-info is-light is-small has-text-weight-bold"
@ -11,7 +11,7 @@
</div>
<div v-else class="media is-align-items-center" @click="open(item.item)">
<div class="media-content is-clickable is-clipped">
<h1 class="title is-6" v-text="item.item.name" />
<p class="title is-6" v-text="item.item.name" />
</div>
<div class="media-right">
<a @click.prevent.stop="open_dialog(item.item)">
@ -63,5 +63,3 @@ export default {
}
}
</script>
<style></style>

12
web-src/src/components/ListItemQueueItem.vue
View File

@ -5,13 +5,13 @@
>
<div v-if="edit_mode" class="media-left">
<mdicon
class="icon has-text-grey fd-is-movable handle"
class="icon has-text-grey fd-is-movable"
name="drag-horizontal"
size="16"
size="18"
/>
</div>
<div class="media-content is-clickable is-clipped" @click="play">
<h1
<p
class="title is-6"
:class="{
'has-text-primary': item.id === player.item_id,
@ -19,7 +19,7 @@
}"
v-text="item.title"
/>
<h2
<p
class="subtitle is-7 has-text-weight-bold"
:class="{
'has-text-primary': item.id === player.item_id,
@ -28,7 +28,7 @@
}"
v-text="item.artist"
/>
<h2
<p
class="subtitle is-7"
:class="{
'has-text-primary': item.id === player.item_id,
@ -80,5 +80,3 @@ export default {
}
}
</script>
<style></style>

10
web-src/src/components/ListPlaylists.vue
View File

@ -1,11 +1,9 @@
<template>
<template v-for="item in items" :key="item.itemId">
<div class="media is-align-items-center" @click="open(item.item)">
<figure class="media-left is-clickable">
<mdicon class="icon" :name="icon_name(item.item)" size="16" />
</figure>
<mdicon class="media-left is-clickable icon" :name="icon(item.item)" />
<div class="media-content is-clickable is-clipped">
<h1 class="title is-6" v-text="item.item.name" />
<p class="title is-6" v-text="item.item.name" />
</div>
<div class="media-right">
<a @click.prevent.stop="open_dialog(item.item)">
@ -39,7 +37,7 @@ export default {
},
methods: {
icon_name(item) {
icon(item) {
if (item.type === 'folder') {
return 'folder'
} else if (item.type === 'rss') {
@ -61,5 +59,3 @@ export default {
}
}
</script>
<style></style>

6
web-src/src/components/ListPlaylistsSpotify.vue
View File

@ -2,8 +2,8 @@
<template v-for="item in items" :key="item.id">
<div class="media is-align-items-center">
<div class="media-content is-clickable is-clipped" @click="open(item)">
<h1 class="title is-6" v-text="item.name" />
<h2 class="subtitle is-7" v-text="item.owner.display_name" />
<p class="title is-6" v-text="item.name" />
<p class="subtitle is-7" v-text="item.owner.display_name" />
</div>
<div class="media-right">
<a @click.prevent.stop="open_dialog(item)">
@ -46,5 +46,3 @@ export default {
}
}
</script>
<style></style>

22
web-src/src/components/ListTracks.vue
View File

@ -1,6 +1,6 @@
<template>
<template v-for="item in items" :key="item.itemId">
<div v-if="!item.isItem" class="mt-6 mb-5 py-2">
<div v-if="!item.isItem" class="py-5">
<span
:id="`index_${item.index}`"
class="tag is-info is-light is-small has-text-weight-bold"
@ -13,11 +13,13 @@
:class="{ 'with-progress': show_progress }"
@click="play(item.item)"
>
<figure v-if="show_icon" class="media-left is-clickable">
<mdicon class="icon" name="file-outline" size="16" />
</figure>
<div class="media-content is-clickable is-clipped">
<h1
<mdicon
v-if="show_icon"
class="media-left icon is-clickable"
name="file-outline"
/>
<div class="media-content is-clipped">
<p
class="title is-6"
:class="{
'has-text-grey':
@ -25,11 +27,11 @@
}"
v-text="item.item.title"
/>
<h2
<p
class="subtitle is-7 has-text-grey has-text-weight-bold"
v-text="item.item.artist"
/>
<h2 class="subtitle is-7 has-text-grey" v-text="item.item.album" />
<p class="subtitle is-7 has-text-grey" v-text="item.item.album" />
<progress
v-if="show_progress && item.item.seek_ms > 0"
class="progress is-info"
@ -103,4 +105,8 @@ export default {
.progress {
height: 0.25rem;
}
.media.with-progress {
margin-top: 0.375rem;
}
</style>

14
web-src/src/components/ListTracksSpotify.vue
View File

@ -2,19 +2,19 @@
<template v-for="item in items" :key="item.id">
<div class="media is-align-items-center">
<div
class="media-content is-clipped"
class="media-content"
:class="{
'is-clickable': item.is_playable,
'fd-is-not-allowed': !item.is_playable
}"
@click="play(item)"
>
<h1
<p
class="title is-6"
:class="{ 'has-text-grey-light': !item.is_playable }"
v-text="item.name"
/>
<h2
<p
class="subtitle is-7 has-text-weight-bold"
:class="{
'has-text-grey': item.is_playable,
@ -22,8 +22,8 @@
}"
v-text="item.artists[0].name"
/>
<h2 class="subtitle is-7 has-text-grey" v-text="item.album.name" />
<h2 v-if="!item.is_playable" class="subtitle is-7">
<p class="subtitle is-7 has-text-grey" v-text="item.album.name" />
<p v-if="!item.is_playable" class="subtitle is-7">
(<span v-text="$t('list.spotify.not-playable-track')" />
<span
v-if="item.restrictions?.reason"
@ -33,7 +33,7 @@
})
"
/>)
</h2>
</p>
</div>
<div class="media-right">
<a @click.prevent.stop="open_dialog(item)">
@ -82,5 +82,3 @@ export default {
}
}
</script>
<style></style>

2
web-src/src/components/ModalDialogAddRss.vue
View File

@ -107,5 +107,3 @@ export default {
}
}
</script>
<style></style>

2
web-src/src/components/ModalDialogAddUrlStream.vue
View File

@ -125,5 +125,3 @@ export default {
}
}
</script>
<style></style>

4
web-src/src/components/ModalDialogAlbumSpotify.vue
View File

@ -9,7 +9,7 @@
:url="artwork_url(item)"
:artist="item.artist"
:album="item.name"
class="fd-has-shadow fd-cover fd-cover-normal-image mb-5"
class="fd-has-shadow fd-cover fd-cover-normal-image"
@load="artwork_loaded"
@error="artwork_error"
/>
@ -133,5 +133,3 @@ export default {
}
}
</script>
<style></style>

2
web-src/src/components/ModalDialogArtist.vue
View File

@ -89,5 +89,3 @@ export default {
}
}
</script>
<style></style>

2
web-src/src/components/ModalDialogArtistSpotify.vue
View File

@ -93,5 +93,3 @@ export default {
}
}
</script>
<style></style>

2
web-src/src/components/ModalDialogComposer.vue
View File

@ -105,5 +105,3 @@ export default {
}
}
</script>
<style></style>

2
web-src/src/components/ModalDialogDirectory.vue
View File

@ -66,5 +66,3 @@ export default {
}
}
</script>
<style></style>

2
web-src/src/components/ModalDialogGenre.vue
View File

@ -92,5 +92,3 @@ export default {
}
}
</script>
<style></style>

2
web-src/src/components/ModalDialogPlaylistSave.vue
View File

@ -111,5 +111,3 @@ export default {
}
}
</script>
<style></style>

2
web-src/src/components/ModalDialogPlaylistSpotify.vue
View File

@ -97,5 +97,3 @@ export default {
}
}
</script>
<style></style>

2
web-src/src/components/ModalDialogQueueItem.vue
View File

@ -233,5 +233,3 @@ export default {
}
}
</script>
<style></style>

2
web-src/src/components/ModalDialogRemotePairing.vue
View File

@ -98,5 +98,3 @@ export default {
}
}
</script>
<style></style>

2
web-src/src/components/ModalDialogTrackSpotify.vue
View File

@ -138,5 +138,3 @@ export default {
}
}
</script>
<style></style>

2
web-src/src/components/SettingsIntfield.vue
View File

@ -116,5 +116,3 @@ export default {
}
}
</script>
<style></style>

2
web-src/src/components/SettingsTextfield.vue
View File

@ -117,5 +117,3 @@ export default {
}
}
</script>
<style></style>

2
web-src/src/components/TabsAudiobooks.vue
View File

@ -67,5 +67,3 @@ export default {
name: 'TabsAudiobooks'
}
</script>
<style></style>

2
web-src/src/components/TabsMusic.vue
View File

@ -129,5 +129,3 @@ export default {
}
}
</script>
<style></style>

2
web-src/src/components/TabsSearch.vue
View File

@ -53,5 +53,3 @@ export default {
}
}
</script>
<style></style>

2
web-src/src/components/TabsSettings.vue
View File

@ -64,5 +64,3 @@ export default {
name: 'TabsSettings'
}
</script>
<style></style>

8
web-src/src/pages/PageAlbum.vue
View File

@ -2,10 +2,10 @@
<div>
<content-with-hero>
<template #heading-left>
<h1 class="title is-5" v-text="album.name" />
<h2 class="subtitle is-6 has-text-link">
<p class="title is-5" v-text="album.name" />
<p class="subtitle is-6 has-text-link">
<a class="has-text-link" @click="open_artist" v-text="album.artist" />
</h2>
</p>
<div class="buttons fd-is-centered-mobile mt-5">
<a class="button is-small is-dark is-rounded" @click="play">
<mdicon class="icon" name="shuffle" size="16" />
@ -104,5 +104,3 @@ export default {
}
}
</script>
<style></style>

8
web-src/src/pages/PageAlbumSpotify.vue
View File

@ -2,14 +2,14 @@
<div>
<content-with-hero>
<template #heading-left>
<h1 class="title is-5" v-text="album.name" />
<h2 class="subtitle is-6 has-text-link">
<p class="title is-5" v-text="album.name" />
<p class="subtitle is-6 has-text-link">
<a
class="has-text-link"
@click="open_artist"
v-text="album.artists[0].name"
/>
</h2>
</p>
<div class="buttons fd-is-centered-mobile mt-5">
<a class="button is-small is-dark is-rounded" @click="play">
<mdicon class="icon" name="shuffle" size="16" />
@ -127,5 +127,3 @@ export default {
}
}
</script>
<style></style>

2
web-src/src/pages/PageArtistSpotify.vue
View File

@ -140,5 +140,3 @@ export default {
}
}
</script>
<style></style>

8
web-src/src/pages/PageAudiobooksAlbum.vue
View File

@ -2,10 +2,10 @@
<div>
<content-with-hero>
<template #heading-left>
<h1 class="title is-5" v-text="album.name" />
<h2 class="subtitle is-6 has-text-link">
<p class="title is-5" v-text="album.name" />
<p class="subtitle is-6 has-text-link">
<a class="has-text-link" @click="open_artist" v-text="album.artist" />
</h2>
</p>
<div class="buttons fd-is-centered-mobile mt-5">
<a class="button is-small is-dark is-rounded" @click="play">
<mdicon class="icon" name="play" size="16" />
@ -103,5 +103,3 @@ export default {
}
}
</script>
<style></style>

4
web-src/src/pages/PageAudiobooksAlbums.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="fd-page-with-tabs">
<div>
<tabs-audiobooks />
<content-with-heading>
<template #options>
@ -61,5 +61,3 @@ export default {
}
}
</script>
<style></style>

5
web-src/src/pages/PageAudiobooksArtists.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="fd-page-with-tabs">
<div>
<tabs-audiobooks />
<content-with-heading>
<template #options>
@ -12,7 +12,6 @@
v-text="$t('page.audiobooks.artists.count', { count: artists.count })"
/>
</template>
<template #heading-right />
<template #content>
<list-artists :items="artists" />
</template>
@ -62,5 +61,3 @@ export default {
}
}
</script>
<style></style>

4
web-src/src/pages/PageAudiobooksGenres.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="fd-page-with-tabs">
<div>
<tabs-audiobooks />
<content-with-heading>
<template #options>
@ -61,5 +61,3 @@ export default {
}
}
</script>
<style></style>

4
web-src/src/pages/PageComposers.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="fd-page-with-tabs">
<div>
<tabs-music />
<content-with-heading>
<template #options>
@ -56,5 +56,3 @@ export default {
}
}
</script>
<style></style>

2
web-src/src/pages/PageFiles.vue
View File

@ -137,5 +137,3 @@ export default {
}
}
</script>
<style></style>

2
web-src/src/pages/PageGenreAlbums.vue
View File

@ -109,5 +109,3 @@ export default {
}
}
</script>
<style></style>

4
web-src/src/pages/PageGenres.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="fd-page-with-tabs">
<div>
<tabs-music />
<content-with-heading>
<template #options>
@ -61,5 +61,3 @@ export default {
}
}
</script>
<style></style>

4
web-src/src/pages/PageMusic.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="fd-page-with-tabs">
<div>
<tabs-music />
<content-with-heading>
<template #heading-left>
@ -95,5 +95,3 @@ export default {
}
}
</script>
<style></style>

4
web-src/src/pages/PageMusicRecentlyAdded.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="fd-page-with-tabs">
<div>
<tabs-music />
<content-with-heading>
<template #heading-left>
@ -62,5 +62,3 @@ export default {
}
}
</script>
<style></style>

4
web-src/src/pages/PageMusicRecentlyPlayed.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="fd-page-with-tabs">
<div>
<tabs-music />
<content-with-heading>
<template #heading-left>
@ -51,5 +51,3 @@ export default {
}
}
</script>
<style></style>

4
web-src/src/pages/PageMusicSpotify.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="fd-page-with-tabs">
<div>
<tabs-music />
<content-with-heading>
<template #heading-left>
@ -102,5 +102,3 @@ export default {
}
}
</script>
<style></style>

4
web-src/src/pages/PageMusicSpotifyFeaturedPlaylists.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="fd-page-with-tabs">
<div>
<tabs-music />
<content-with-heading>
<template #heading-left>
@ -60,5 +60,3 @@ export default {
}
}
</script>
<style></style>

4
web-src/src/pages/PageMusicSpotifyNewReleases.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="fd-page-with-tabs">
<div>
<tabs-music />
<content-with-heading>
<template #heading-left>
@ -57,5 +57,3 @@ export default {
}
}
</script>
<style></style>

2
web-src/src/pages/PageNowPlaying.vue
View File

@ -196,5 +196,3 @@ export default {
}
}
</script>
<style></style>

2
web-src/src/pages/PagePlaylistFolder.vue
View File

@ -89,5 +89,3 @@ export default {
}
}
</script>
<style></style>

2
web-src/src/pages/PagePlaylistTracks.vue
View File

@ -90,5 +90,3 @@ export default {
}
}
</script>
<style></style>

2
web-src/src/pages/PagePlaylistTracksSpotify.vue
View File

@ -151,5 +151,3 @@ export default {
}
}
</script>
<style></style>

8
web-src/src/pages/PagePodcast.vue
View File

@ -2,10 +2,10 @@
<div>
<content-with-hero>
<template #heading-left>
<h1 class="title is-5" v-text="album.name" />
<h2 class="subtitle is-6">
<p class="title is-5" v-text="album.name" />
<p class="subtitle is-6">
<br />
</h2>
</p>
<div class="buttons fd-is-centered-mobile mt-5">
<a class="button is-small is-dark is-rounded" @click="play">
<mdicon class="icon" name="play" size="16" />
@ -147,5 +147,3 @@ export default {
}
}
</script>
<style></style>

2
web-src/src/pages/PagePodcasts.vue
View File

@ -145,5 +145,3 @@ export default {
}
}
</script>
<style></style>

9
web-src/src/pages/PageQueue.vue
View File

@ -51,12 +51,7 @@
</div>
</template>
<template #content>
<draggable
v-model="queue_items"
handle=".handle"
item-key="id"
@end="move_item"
>
<draggable v-model="queue_items" item-key="id" @end="move_item">
<template #item="{ element, index }">
<list-item-queue-item
:item="element"
@ -208,5 +203,3 @@ export default {
}
}
</script>
<style></style>

2
web-src/src/pages/PageRadioStreams.vue
View File

@ -48,5 +48,3 @@ export default {
}
}
</script>
<style></style>

4
web-src/src/pages/PageSearchLibrary.vue
View File

@ -49,7 +49,7 @@
</section>
<tabs-search @search-library="search" @search-spotify="search_spotify" />
<template v-for="[type, items] in results" :key="type">
<content-with-heading class="pt-0">
<content-with-heading>
<template #heading-left>
<p class="title is-4" v-text="$t(`page.search.${type}s`)" />
</template>
@ -226,5 +226,3 @@ export default {
}
}
</script>
<style></style>

4
web-src/src/pages/PageSearchSpotify.vue
View File

@ -32,7 +32,7 @@
</section>
<tabs-search @search-library="search_library" @search-spotify="search" />
<template v-for="[type, items] in results" :key="type">
<content-with-heading class="pt-0">
<content-with-heading>
<template #heading-left>
<p class="title is-4" v-text="$t(`page.spotify.search.${type}s`)" />
</template>
@ -227,5 +227,3 @@ export default {
}
}
</script>
<style></style>

6
web-src/src/pages/PageSettingsArtwork.vue
View File

@ -1,9 +1,9 @@
<template>
<div class="fd-page-with-tabs">
<div>
<tabs-settings />
<content-with-heading>
<template #heading-left>
<div class="title is-4" v-text="$t('page.settings.artwork.artwork')" />
<p class="title is-4" v-text="$t('page.settings.artwork.artwork')" />
</template>
<template #content>
<div
@ -71,5 +71,3 @@ export default {
}
}
</script>
<style></style>

8
web-src/src/pages/PageSettingsOnlineServices.vue
View File

@ -1,9 +1,9 @@
<template>
<div class="fd-page-with-tabs">
<div>
<tabs-settings />
<content-with-heading>
<template #heading-left>
<div
<p
class="title is-4"
v-text="$t('page.settings.services.spotify.title')"
/>
@ -62,7 +62,7 @@
</content-with-heading>
<content-with-heading>
<template #heading-left>
<div
<p
class="title is-4"
v-text="$t('page.settings.services.lastfm.title')"
/>
@ -204,5 +204,3 @@ export default {
}
}
</script>
<style></style>

16
web-src/src/pages/PageSettingsWebinterface.vue
View File

@ -1,9 +1,9 @@
<template>
<div class="fd-page-with-tabs">
<div>
<tabs-settings />
<content-with-heading>
<template #heading-left>
<div class="title is-4" v-text="$t('page.settings.general.language')" />
<p class="title is-4" v-text="$t('page.settings.general.language')" />
</template>
<template #content>
<control-dropdown v-model:value="locale" :options="locales" />
@ -11,8 +11,8 @@
</content-with-heading>
<content-with-heading>
<template #heading-left>
<div
class="title is-4"
<p
class="title is-4 is-spaced"
v-text="$t('page.settings.general.navigation-items')"
/>
</template>
@ -73,7 +73,7 @@
</content-with-heading>
<content-with-heading>
<template #heading-left>
<div
<p
class="title is-4"
v-text="$t('page.settings.general.album-lists')"
/>
@ -91,7 +91,7 @@
</content-with-heading>
<content-with-heading>
<template #heading-left>
<div
<p
class="title is-4"
v-text="$t('page.settings.general.now-playing-page')"
/>
@ -144,7 +144,7 @@
</content-with-heading>
<content-with-heading>
<template #heading-left>
<div
<p
class="title is-4"
v-text="$t('page.settings.general.recently-added-page')"
/>
@ -218,5 +218,3 @@ export default {
}
}
</script>
<style></style>

11
web-src/src/templates/ContentWithHeading.vue
View File

@ -3,12 +3,11 @@
<div class="container">
<div class="columns is-centered">
<div class="column is-four-fifths">
<section v-if="$slots.options">
<div ref="options" style="height: 1px" />
<section v-if="$slots.options" ref="options">
<slot name="options" />
<nav class="buttons is-centered mt-4 mb-2">
<nav class="buttons is-centered">
<router-link class="button is-small is-white" :to="position">
<mdicon class="icon is-small" :name="icon_name" size="16" />
<mdicon class="icon" :name="icon" size="16" />
</router-link>
</nav>
</section>
@ -49,7 +48,7 @@ export default {
}
},
computed: {
icon_name() {
icon() {
return this.options_visible ? 'chevron-up' : 'chevron-down'
},
position() {
@ -80,5 +79,3 @@ export default {
}
}
</script>
<style></style>

2
web-src/src/templates/ContentWithHero.vue
View File

@ -36,5 +36,3 @@
</template>
<script></script>
<style></style>