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 2022-06-06 01:00:25 +08:00
parent cf7a4528dd
commit 0e58bb6e80
No known key found for this signature in database
GPG key ID: 9C85007ED905F14D
44 changed files with 1027 additions and 496 deletions
Download patch file Download diff file Expand all files Collapse all files

9
packages/web/components/New/Layout.tsx
View file

@ -9,18 +9,19 @@ import { useSnapshot } from 'valtio'
const Layout = () => {
const playerSnapshot = useSnapshot(player)
const track = useMemo(() => playerSnapshot.track, [playerSnapshot])
const showPlayer = useMemo(() => !!playerSnapshot.track, [playerSnapshot])
return (
<div
id='layout'
className={cx(
'grid h-screen select-none overflow-hidden rounded-24 bg-white dark:bg-black',
'relative grid h-screen select-none overflow-hidden bg-white dark:bg-black',
window.ipcRenderer && 'rounded-24',
css`
grid-template-columns: 6.5rem auto 358px;
grid-template-rows: 132px auto;
`,
track
showPlayer
? css`
grid-template-areas:
'sidebar main -'
@ -36,7 +37,7 @@ const Layout = () => {
<Sidebar />
<Topbar />
<Main />
{track && <Player />}
{showPlayer && <Player />}
</div>
)
}