girineko/YesPlayMusic
1
0
Fork 0
mirror of https://github.com/GiriNeko/YesPlayMusic.git synced 2025-12-16 21:28:06 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

update

Browse source
This commit is contained in:
qier222 2023-09-04 12:51:56 +08:00
parent 32050e4553
commit 6aee8ae38e
No known key found for this signature in database
41 changed files with 523 additions and 415 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -26,7 +26,7 @@ const Artist = ({ artist }: { artist: Artist }) => {
/>
<div
onClick={to}
className='line-clamp-1 mt-2.5 text-12 font-medium text-neutral-700 dark:text-neutral-600 lg:text-14 lg:font-bold'
className='mt-2.5 line-clamp-1 text-12 font-medium text-neutral-700 dark:text-neutral-600 lg:text-14 lg:font-bold'
>
{artist.name}
</div>
@ -46,7 +46,7 @@ const Placeholder = ({ row }: { row: number }) => {
minWidth: '96px',
}}
/>
<div className='line-clamp-1 mt-2.5 w-1/2 rounded-full text-12 font-medium text-transparent dark:bg-neutral-800 lg:text-14 lg:font-bold'>
<div className='mt-2.5 line-clamp-1 w-1/2 rounded-full text-12 font-medium text-transparent dark:bg-neutral-800 lg:text-14 lg:font-bold'>
NAME
</div>
</div>

2
packages/web/components/ContextMenus/MenuItem.tsx
View file

@ -98,7 +98,7 @@ const MenuItem = ({
></div>
{/* 增加三角形，避免斜着移动到submenu时意外关闭菜单 */}
<div className='absolute -right-8 -bottom-6 h-12 w-12 rotate-45'></div>
<div className='absolute -bottom-6 -right-8 h-12 w-12 rotate-45'></div>
<div className='absolute -right-8 -top-6 h-12 w-12 rotate-45'></div>
</>
)}

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

@ -56,7 +56,7 @@ const Album = ({
onMouseOver={prefetch}
/>
{title && (
<div className='line-clamp-2 mt-2 text-14 font-medium text-neutral-300'>{title}</div>
<div className='mt-2 line-clamp-2 text-14 font-medium text-neutral-300'>{title}</div>
)}
{subtitle && <div className='mt-1 text-14 font-medium text-neutral-700'>{subtitle}</div>}
</div>

2
packages/web/components/DescriptionViewer.tsx
View file

@ -48,7 +48,7 @@ function DescriptionViewer({
>
<div className='relative'>
{/* Title */}
<div className='line-clamp-1 absolute -top-8 mx-44 max-w-2xl select-none text-32 font-extrabold text-neutral-100'>
<div className='absolute -top-8 mx-44 line-clamp-1 max-w-2xl select-none text-32 font-extrabold text-neutral-100'>
{title}
</div>

2
packages/web/components/Layout.tsx
View file

@ -33,7 +33,7 @@ const Layout = () => {
{showPlayer && <Player />}
{window.env?.isMac && (
<div className='fixed top-6 left-6 z-30 translate-y-0.5'>
<div className='fixed left-6 top-6 z-30 translate-y-0.5'>
<TrafficLight />
</div>
)}

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

@ -53,7 +53,7 @@ const TabName = () => {
return (
<div
className={cx(
'absolute bottom-8 right-0 left-0 z-10 flex rotate-180 select-none items-center font-bold text-brand-600 dark:text-brand-700',
'absolute bottom-8 left-0 right-0 z-10 flex rotate-180 select-none items-center font-bold text-brand-600 dark:text-brand-700',
css`
writing-mode: vertical-rl;
text-orientation: mixed;
@ -144,7 +144,7 @@ const MenuBar = () => {
<div
className={cx(
'app-region-drag relative flex h-full w-full flex-col justify-center',
'lg:fixed lg:left-0 lg:top-0 lg:bottom-0',
'lg:fixed lg:bottom-0 lg:left-0 lg:top-0',
css`
${bp.lg} {
width: 104px;

2
packages/web/components/NowPlaying/Progress.tsx
View file

@ -7,7 +7,7 @@ const Progress = () => {
const { track, progress } = useSnapshot(player)
return (
<div className='mt-9 mb-4 flex w-full flex-col'>
<div className='mb-4 mt-9 flex w-full flex-col'>
<Slider
min={0}
max={(track?.dt ?? 100000) / 1000}

2
packages/web/components/Player.tsx
View file

@ -13,7 +13,7 @@ const Player = () => {
<MotionConfig transition={{ duration: 0.6 }}>
<div
className={cx(
'fixed right-6 bottom-6 flex w-full flex-col justify-between overflow-hidden',
'fixed bottom-6 right-6 flex w-full flex-col justify-between overflow-hidden',
css`
width: 318px;
`

8
packages/web/components/PlayerMobile.tsx
View file

@ -64,7 +64,7 @@ const PlayerMobile = () => {
uiStates.mobileShowPlayingNext = true
}}
className={cx(
'absolute right-0 left-0 flex justify-center',
'absolute left-0 right-0 flex justify-center',
css`
--height: 20px;
height: var(--height);
@ -100,7 +100,7 @@ const PlayerMobile = () => {
>
<div className='flex-shrink-0'>
<div className='line-clamp-1 text-14 font-bold text-white'>{track?.name}</div>
<div className='line-clamp-1 mt-1 text-12 font-bold text-white/60'>
<div className='mt-1 line-clamp-1 text-12 font-bold text-white/60'>
{track?.ar?.map(a => a.name).join(', ')}
</div>
</div>
@ -109,7 +109,7 @@ const PlayerMobile = () => {
<div
className={cx(
'absolute left-0 top-0 bottom-0 w-3 ',
'absolute bottom-0 left-0 top-0 w-3 ',
css`
background: linear-gradient(to right, ${bgColor.to}, transparent);
`
@ -117,7 +117,7 @@ const PlayerMobile = () => {
></div>
<div
className={cx(
'absolute right-0 top-0 bottom-0 w-3 bg-red-200',
'absolute bottom-0 right-0 top-0 w-3 bg-red-200',
css`
background: linear-gradient(to left, ${bgColor.to}, transparent);
`

8
packages/web/components/PlayingNext.tsx
View file

@ -36,7 +36,7 @@ const RepeatButton = () => {
)}
style={buttonStyle}
>
<div className='absolute top-1/2 left-1/2 h-2 w-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-white opacity-0 blur group-hover:opacity-100'></div>
<div className='absolute left-1/2 top-1/2 h-2 w-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-white opacity-0 blur group-hover:opacity-100'></div>
<Icon name='repeat-1' className='h-7 w-7' />
</motion.button>
)
@ -61,7 +61,7 @@ const ShuffleButton = () => {
style={buttonStyle}
>
<Icon name='shuffle' className='h-7 w-7' />
<div className='absolute top-1/2 left-1/2 h-2 w-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-white opacity-0 blur group-hover:opacity-100'></div>
<div className='absolute left-1/2 top-1/2 h-2 w-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-white opacity-0 blur group-hover:opacity-100'></div>
</motion.button>
)
}
@ -71,7 +71,7 @@ const Header = () => {
return (
<div
className={cx(
'absolute top-0 left-0 z-20 flex w-full items-center justify-between bg-contain bg-repeat-x px-7 pb-6 text-14 font-bold lg:px-0'
'absolute left-0 top-0 z-20 flex w-full items-center justify-between bg-contain bg-repeat-x px-7 pb-6 text-14 font-bold lg:px-0'
)}
>
<div className='flex text-neutral-300'>
@ -134,7 +134,7 @@ const Track = ({
>
{track?.name}
</div>
<div className='line-clamp-1 mt-1 text-14 font-bold text-neutral-200 dark:text-white/25'>
<div className='mt-1 line-clamp-1 text-14 font-bold text-neutral-200 dark:text-white/25'>
{track?.ar.map(a => a.name).join(', ')}
</div>
</div>

2
packages/web/components/Tabs.tsx
View file

@ -22,7 +22,7 @@ function Tabs<T>({
<div
key={tab.id as string}
className={cx(
'mr-2.5 rounded-12 py-3 px-6 text-16 font-medium backdrop-blur transition duration-500',
'mr-2.5 rounded-12 px-6 py-3 text-16 font-medium backdrop-blur transition duration-500',
value === tab.id
? 'bg-brand-700 text-white'
: 'dark:bg-white/10 dark:text-white/20 hover:dark:bg-white/20 hover:dark:text-white/40'

2
packages/web/components/Topbar/TopbarDesktop.tsx
View file

@ -44,7 +44,7 @@ const TopbarDesktop = () => {
return (
<div
className={cx(
'app-region-drag fixed top-0 left-0 right-0 z-20 flex items-center justify-between bg-contain pt-11 pb-10 pr-6',
'app-region-drag fixed left-0 right-0 top-0 z-20 flex items-center justify-between bg-contain pb-10 pr-6 pt-11',
css`
padding-left: 144px;
`

2
packages/web/components/TrackListHeader/Info.tsx
View file

@ -74,7 +74,7 @@ const Info = ({
initial={{ opacity: 0 }}
animate={{ opacity: 1 }}
transition={{ duration: 0.3 }}
className='line-clamp-3 mt-6 whitespace-pre-wrap text-14 font-bold transition-colors duration-300 dark:text-white/40 dark:hover:text-white/60'
className='mt-6 line-clamp-3 whitespace-pre-wrap text-14 font-bold transition-colors duration-300 dark:text-white/40 dark:hover:text-white/60'
dangerouslySetInnerHTML={{
__html: description,
}}

2
packages/web/components/VideoPlayer/VideoInstance.tsx
View file

@ -212,7 +212,7 @@ const Controls = ({
visible: { y: 0, opacity: 1 },
}}
transition={animationTransition}
className='absolute bottom-5 left-5 flex rounded-20 bg-black/70 py-3 px-5 backdrop-blur-3xl'
className='absolute bottom-5 left-5 flex rounded-20 bg-black/70 px-5 py-3 backdrop-blur-3xl'
>
<button
onClick={togglePlay}

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

@ -11,7 +11,7 @@ const VideoRow = ({ videos }: { videos: Video[] }) => {
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'>
<div className='mt-2 line-clamp-2 text-12 font-medium text-neutral-600'>
{video.creator?.at(0)?.userName} - {video.title}
</div>
</div>