feat: updates

This commit is contained in:
qier222 2022-06-30 00:02:21 +08:00
parent 793db0127c
commit 0b4baa3eff
No known key found for this signature in database
GPG key ID: 9C85007ED905F14D
8 changed files with 141 additions and 76 deletions

View file

@ -23,7 +23,7 @@ const Header = ({ artist }: { artist?: Artist }) => {
>
<Image
className={cx(
'z-10 aspect-square lg:rounded-24',
'aspect-square lg:z-10 lg:rounded-24',
css`
grid-area: cover;
`

View file

@ -29,7 +29,7 @@ const Album = () => {
<Image
src={resizeImage(album.picUrl, 'sm')}
className={cx(
'aspect-square',
'aspect-square shrink-0',
css`
height: 60px;
width: 60px;
@ -37,11 +37,11 @@ const Album = () => {
`
)}
/>
<div className='flex-shrink-1 ml-2'>
<div className='line-clamp-1 text-16 font-medium text-night-100'>
<div className='ml-2 flex-shrink-1'>
<div className='font-medium line-clamp-1 text-16 text-night-100'>
{album.name}
</div>
<div className='mt-1 text-14 font-bold text-night-500'>
<div className='mt-1 font-bold text-14 text-night-500'>
{album.type}
{album.size > 1 ? `· ${album.size} Tracks` : ''}
</div>
@ -69,8 +69,8 @@ const Video = () => {
`
)}
/>
<div className='flex-shrink-1 ml-2'>
<div className='line-clamp-2 text-16 font-medium text-night-100'>
<div className='ml-2 flex-shrink-1'>
<div className='font-medium line-clamp-2 text-16 text-night-100'>
Swedish House Mafia & The Weeknd Live at C...
</div>
<div className='mt-1.5 text-12 font-medium text-night-500'>
@ -84,7 +84,7 @@ const Video = () => {
const LatestRelease = () => {
return (
<div className='mx-2.5 lg:mx-0'>
<div className='mt-7 mb-3 text-14 font-bold text-neutral-300'>
<div className='mb-3 font-bold mt-7 text-14 text-neutral-300'>
Latest Releases
</div>