juli0n21/pwa-player
1
0
Fork 0
mirror of https://github.com/JuLi0n21/pwa-player.git synced 2026-04-19 23:40:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

small css updates

Browse Source
This commit is contained in:
Julian Schlüter
2025-07-17 20:29:33 +02:00
parent 7c29f64f6d
commit c5cf6ac3c2
5 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/CollectionItem.vue
View File

@@ -90,7 +90,7 @@ onBeforeUnmount(() => {
</div> </div>
</header> </header>
<div <div
class="flex-1 flex-col overflow-y-scroll coll-container" class="flex-1 flex-col overflow-y-scroll coll-container justify-start"
> >
<SongItem v-for="(song, index) in songs" :key="index" :song="song" /> <SongItem v-for="(song, index) in songs" :key="index" :song="song" />
</div> </div>

2
frontend/src/components/SongItem.vue
View File

@@ -24,7 +24,7 @@ function updateSong() {
<img class="h-14 w-14 md:w-24 md:h-24 m-1 rounded-lg" <img class="h-14 w-14 md:w-24 md:h-24 m-1 rounded-lg"
:src="encodeURI(props.song?.previewimage ? props.song?.previewimage + '?h=56&w=56' : '/default-bg.png')" :src="encodeURI(props.song?.previewimage ? props.song?.previewimage + '?h=56&w=56' : '/default-bg.png')"
loading="lazy" /> loading="lazy" />
<div class="flex flex-col overflow-hidden"> <div class="flex flex-col overflow-hidden text-left">
<p :style="{ color: info }" class="text-nowrap text-ellipsis overflow-hidden text-base info"> <p :style="{ color: info }" class="text-nowrap text-ellipsis overflow-hidden text-base info">
<slot name="songName">{{ props.song?.name ? props.song?.name : 'Unknown Title' }}</slot> <slot name="songName">{{ props.song?.name ? props.song?.name : 'Unknown Title' }}</slot>
</p> </p>

2
frontend/src/views/MeView.vue
View File

@@ -83,7 +83,7 @@ function reset() {
</header> </header>
<main class="flex-1 flex flex-col h-full overflow-y-scroll"> <main class="flex-1 flex flex-col h-full overflow-y-scroll">
<input @change="update" type="text" id="url-input" :value="userStore.baseUrl.value" disabled /> <input @change="update" type="text" id="url-input" :value="userStore.user.value?.endpoint" disabled />
<br> <br>
<button v-if="!userStore.user.value" @click="getMe" class="border bordercolor rounded-lg p-0.5">{{ loginStatus }}</button> <button v-if="!userStore.user.value" @click="getMe" class="border bordercolor rounded-lg p-0.5">{{ loginStatus }}</button>
<div v-if="userStore.user.value" class="flex p-5 justify-between"> <div v-if="userStore.user.value" class="flex p-5 justify-between">

2
frontend/src/views/MenuView.vue
View File

@@ -13,7 +13,7 @@ function isActive(path: string) {
<main class="flex-1 flex flex-col h-full overflow-y-scroll md:overflow-hidden"> <main class="flex-1 flex flex-col h-full overflow-y-scroll md:overflow-hidden">
<header v-show="true"> <header v-show="true">
<div class="wrapper"> <div class="wrapper">
<nav class="flex justify-start my-2 mx-1 space-x-1 overflow-y-scroll flex-nowrap text-nowrap"> <nav class="flex justify-start my-2 mx-1 space-x-1 overflow-y-auto overflow-x-auto flex-nowrap text-nowrap">
<RouterLink class="p-1 rounded-full backdrop--light shadow-xl" to="/"><i class="fa-solid fa-arrow-left"></i> <RouterLink class="p-1 rounded-full backdrop--light shadow-xl" to="/"><i class="fa-solid fa-arrow-left"></i>
</RouterLink> </RouterLink>
<RouterLink :class="`p-1 rounded-full backdrop--light shadow-xl ${isActive('/')}`" to="/menu/recent">Recently <RouterLink :class="`p-1 rounded-full backdrop--light shadow-xl ${isActive('/')}`" to="/menu/recent">Recently

2
frontend/src/views/RecentView.vue
View File

@@ -69,7 +69,7 @@ onMounted(async () => {
<template> <template>
<div <div
ref="containerRef" ref="containerRef"
class="flex-1 flex-col overflow-y-scroll song-container" class="flex-1 flex-col overflow-y-scroll song-container"
> >
<SongItem v-for="(song, index) in songs" :key="index" :song="song" /> <SongItem v-for="(song, index) in songs" :key="index" :song="song" />
</div> </div>