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

feat: updates

Browse source
This commit is contained in:
qier222 2023-02-05 03:36:33 +08:00
parent ccebe0a67a
commit 9a52681687
No known key found for this signature in database
37 changed files with 160 additions and 55332 deletions
Download patch file Download diff file Expand all files Collapse all files

14
packages/web/components/ArtistRow.tsx
View file

@ -12,10 +12,7 @@ const Artist = ({ artist }: { artist: Artist }) => {
}
return (
<div
className='text-center'
onMouseOver={() => prefetchArtist({ id: artist.id })}
>
<div className='text-center' onMouseOver={() => prefetchArtist({ id: artist.id })}>
<Image
onClick={to}
src={resizeImage(artist.img1v1Url, 'md')}
@ -41,10 +38,7 @@ const Placeholder = ({ row }: { row: number }) => {
return (
<div className='no-scrollbar flex snap-x overflow-x-scroll lg:grid lg:w-auto lg:grid-cols-5 lg:gap-10'>
{[...new Array(row * 5).keys()].map(i => (
<div
className='flex snap-start flex-col items-center px-2.5 lg:px-0'
key={i}
>
<div className='flex snap-start flex-col items-center px-2.5 lg:px-0' key={i}>
<div
className='aspect-square w-full rounded-full bg-white dark:bg-neutral-800'
style={{
@ -73,7 +67,7 @@ const ArtistRow = ({
placeholderRow?: number
}) => {
return (
<div className={className}>
<div className={cx('@container', className)}>
{/* Title */}
{title && (
<h4 className='mx-2.5 mb-6 text-12 font-medium uppercase dark:text-neutral-300 lg:mx-0 lg:text-14 lg:font-bold'>
@ -83,7 +77,7 @@ const ArtistRow = ({
{/* Artists */}
{artists && (
<div className='no-scrollbar flex snap-x overflow-x-scroll lg:grid lg:w-auto lg:grid-cols-5 lg:gap-x-10 lg:gap-y-8'>
<div className='no-scrollbar grid w-auto grid-cols-4 gap-x-10 gap-y-8 @3xl:grid-cols-5 @7xl:grid-cols-7'>
{artists.map(artist => (
<div className='snap-start px-2.5 lg:px-0' key={artist.id}>
<Artist artist={artist} key={artist.id} />

4
packages/web/components/CoverRow.tsx
View file

@ -99,12 +99,12 @@ const CoverRow = ({
itemSubtitle?: ItemSubTitle
}) => {
return (
<div className={className}>
<div className={cx('@container', className)}>
{/* Title */}
{title && <h4 className='mb-6 text-14 font-bold uppercase dark:text-neutral-300'>{title}</h4>}
{/* Items */}
<div className='grid grid-cols-3 gap-4 lg:gap-6 xl:grid-cols-4 2xl:grid-cols-5'>
<div className='grid grid-cols-3 gap-4 @lg:gap-6 @4xl:grid-cols-4 @7xl:grid-cols-5'>
{albums?.map(album => (
<Album key={album.id} album={album} itemTitle={itemTitle} itemSubtitle={itemSubtitle} />
))}

27
packages/web/components/VideoRow.tsx
View file

@ -3,21 +3,20 @@ import uiStates from '../states/uiStates'
const VideoRow = ({ videos }: { videos: Video[] }) => {
return (
<div className='grid grid-cols-3 gap-6'>
{videos.map(video => (
<div
key={video.vid}
onClick={() => (uiStates.playingVideoID = Number(video.vid))}
>
<img
src={video.coverUrl}
className='aspect-video w-full rounded-24 border border-white/5 object-contain'
/>
<div className='line-clamp-2 mt-2 text-12 font-medium text-neutral-600'>
{video.creator?.at(0)?.userName} - {video.title}
<div className='@container'>
<div className='grid grid-cols-2 gap-6 @3xl:grid-cols-3 @7xl:grid-cols-4'>
{videos.map(video => (
<div key={video.vid} onClick={() => (uiStates.playingVideoID = Number(video.vid))}>
<img
src={video.coverUrl}
className='aspect-video w-full rounded-24 border border-white/5 object-contain'
/>
<div className='line-clamp-2 mt-2 text-12 font-medium text-neutral-600'>
{video.creator?.at(0)?.userName} - {video.title}
</div>
</div>
</div>
))}
))}
</div>
</div>
)
}