mirror of
https://github.com/qier222/YesPlayMusic.git
synced 2025-03-01 01:38:39 +08:00
56 lines
1.5 KiB
TypeScript
56 lines
1.5 KiB
TypeScript
import Main from '@/web/components/Main'
|
|
import Player from '@/web/components/Player'
|
|
import MenuBar from '@/web/components/MenuBar'
|
|
import Topbar from '@/web/components/Topbar/TopbarDesktop'
|
|
import { css, cx } from '@emotion/css'
|
|
import player from '@/web/states/player'
|
|
import { useSnapshot } from 'valtio'
|
|
import Login from './Login'
|
|
import TrafficLight from './TrafficLight'
|
|
import BlurBackground from './BlurBackground'
|
|
import TitleBar from './TitleBar'
|
|
import uiStates from '@/web/states/uiStates'
|
|
import ContextMenus from './ContextMenus/ContextMenus'
|
|
|
|
const Layout = () => {
|
|
const playerSnapshot = useSnapshot(player)
|
|
const { fullscreen } = useSnapshot(uiStates)
|
|
const showPlayer = !!playerSnapshot.track
|
|
|
|
return (
|
|
<div
|
|
id='layout'
|
|
className={cx(
|
|
'relative grid h-screen select-none overflow-hidden bg-white dark:bg-black',
|
|
window.env?.isElectron && !fullscreen && 'rounded-24',
|
|
css`
|
|
min-width: 720px;
|
|
`
|
|
)}
|
|
>
|
|
<BlurBackground />
|
|
<MenuBar />
|
|
<Topbar />
|
|
<Main />
|
|
<Login />
|
|
{showPlayer && <Player />}
|
|
|
|
{window.env?.isMac && (
|
|
<div className='fixed top-6 left-6 z-30 translate-y-0.5'>
|
|
<TrafficLight />
|
|
</div>
|
|
)}
|
|
|
|
{(window.env?.isWindows ||
|
|
window.env?.isLinux ||
|
|
window.localStorage.getItem('showWindowsTitleBar') === 'true') && <TitleBar />}
|
|
|
|
<ContextMenus />
|
|
|
|
{/* {window.env?.isElectron && <Airplay />} */}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default Layout
|