mirror of
https://github.com/advplyr/audiobookshelf.git
synced 2025-02-10 00:18:06 +01:00
Fix no collections message, ui updates
This commit is contained in:
parent
5c0cd98cb3
commit
2e13c5bd50
@ -19,20 +19,20 @@
|
|||||||
</template>
|
</template>
|
||||||
</transition-group>
|
</transition-group>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="!collections.length" class="flex h-32 items-center justify-center text-center">
|
<div v-if="!collections.length" class="flex h-32 items-center justify-center text-center px-2">
|
||||||
<div>
|
<div>
|
||||||
<p class="text-xl">{{ $strings.MessageNoUserPlaylists }}</p>
|
<p class="text-xl mb-2">{{ $strings.MessageNoCollections }}</p>
|
||||||
<p class="text-sm flex items-center justify-center">
|
<div class="text-sm flex items-center justify-center text-gray-200">
|
||||||
{{ $strings.MessageBookshelfNoCollectionsHelp }}
|
<p>{{ $strings.MessageBookshelfNoCollectionsHelp }}</p>
|
||||||
<ui-tooltip :text="$strings.LabelClickForMoreInfo" class="inline-flex ml-2">
|
<ui-tooltip :text="$strings.LabelClickForMoreInfo" class="inline-flex ml-2">
|
||||||
<a href="https://www.audiobookshelf.org/guides/collections" target="_blank" class="inline-flex">
|
<a href="https://www.audiobookshelf.org/guides/collections" target="_blank" class="inline-flex">
|
||||||
<span class="material-symbols text-xl w-5 text-gray-200">help_outline</span>
|
<span class="material-symbols text-xl w-5 text-gray-200">help_outline</span>
|
||||||
</a>
|
</a>
|
||||||
</ui-tooltip>
|
</ui-tooltip>
|
||||||
</p>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div class="w-full h-px bg-white bg-opacity-10" />
|
<div class="w-full h-px bg-white bg-opacity-10" />
|
||||||
<form @submit.prevent="submitCreateCollection">
|
<form @submit.prevent="submitCreateCollection">
|
||||||
<div class="flex px-4 py-2 items-center text-center border-b border-white border-opacity-10 text-white text-opacity-80">
|
<div class="flex px-4 py-2 items-center text-center border-b border-white border-opacity-10 text-white text-opacity-80">
|
||||||
|
@ -19,17 +19,17 @@
|
|||||||
</template>
|
</template>
|
||||||
</transition-group>
|
</transition-group>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="!playlists.length" class="flex h-32 items-center justify-center text-center">
|
<div v-if="!playlists.length" class="flex h-32 items-center justify-center text-center px-2">
|
||||||
<div>
|
<div>
|
||||||
<p class="text-xl">{{ $strings.MessageNoUserPlaylists }}</p>
|
<p class="text-xl mb-2">{{ $strings.MessageNoUserPlaylists }}</p>
|
||||||
<p class="text-sm flex items-center justify-center">
|
<div class="text-sm flex items-center justify-center text-gray-200">
|
||||||
{{ $strings.MessageNoUserPlaylistsHelp }}
|
<p>{{ $strings.MessageNoUserPlaylistsHelp }}</p>
|
||||||
<ui-tooltip :text="$strings.LabelClickForMoreInfo" class="inline-flex ml-2">
|
<ui-tooltip :text="$strings.LabelClickForMoreInfo" class="inline-flex ml-2">
|
||||||
<a href="https://www.audiobookshelf.org/guides/collections" target="_blank" class="inline-flex">
|
<a href="https://www.audiobookshelf.org/guides/collections" target="_blank" class="inline-flex">
|
||||||
<span class="material-symbols text-xl w-5 text-gray-200">help_outline</span>
|
<span class="material-symbols text-xl w-5 text-gray-200">help_outline</span>
|
||||||
</a>
|
</a>
|
||||||
</ui-tooltip>
|
</ui-tooltip>
|
||||||
</p>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-full h-px bg-white bg-opacity-10" />
|
<div class="w-full h-px bg-white bg-opacity-10" />
|
||||||
|
Loading…
Reference in New Issue
Block a user