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

feat: updates

Browse source
This commit is contained in:
qier222 2022-03-17 19:30:43 +08:00
parent d96bd2a547
commit e3486ab550
No known key found for this signature in database
GPG key ID: 9C85007ED905F14D
23 changed files with 331 additions and 261 deletions
Download patch file Download diff file Expand all files Collapse all files

18
packages/renderer/src/components/TracksGrid.tsx
View file

@ -16,38 +16,38 @@ const TrackListGrid = ({
'grid-cols-1 py-1.5 px-2'
)}
>
<div className="grid grid-cols-[3rem_auto] items-center">
<div className='grid grid-cols-[3rem_auto] items-center'>
{/* Cover */}
<div>
{!isSkeleton && (
<img
src={resizeImage(track.al.picUrl, 'xs')}
className="box-content h-9 w-9 rounded-md border border-black border-opacity-[.03]"
className='box-content h-9 w-9 rounded-md border border-black border-opacity-[.03]'
/>
)}
{isSkeleton && (
<Skeleton className="mr-4 h-9 w-9 rounded-md border border-gray-100" />
<Skeleton className='mr-4 h-9 w-9 rounded-md border border-gray-100' />
)}
</div>
{/* Track name & Artists */}
<div className="flex flex-col justify-center">
<div className='flex flex-col justify-center'>
{!isSkeleton && (
<div
v-if="!isSkeleton"
className="line-clamp-1 break-all text-base font-semibold"
v-if='!isSkeleton'
className='line-clamp-1 break-all text-base font-semibold'
>
{track.name}
</div>
)}
{isSkeleton && (
<Skeleton className="text-base">PLACEHOLDER12345</Skeleton>
<Skeleton className='text-base'>PLACEHOLDER12345</Skeleton>
)}
<div className="text-xs">
<div className='text-xs'>
{!isSkeleton && <ArtistInline artists={track.ar} />}
{isSkeleton && (
<Skeleton className="w-2/3 translate-y-px">PLACE</Skeleton>
<Skeleton className='w-2/3 translate-y-px'>PLACE</Skeleton>
)}
</div>
</div>