Fix styles on control section
This commit is contained in:
parent
6bcc984b44
commit
026b1f6ec2
1 changed files with 8 additions and 8 deletions
|
@ -1,6 +1,6 @@
|
||||||
import { useRef } from 'react';
|
import { useRef } from 'react';
|
||||||
import type { AgGridReact as AgGridReactType } from '@ag-grid-community/react/lib/agGridReact';
|
import type { AgGridReact as AgGridReactType } from '@ag-grid-community/react/lib/agGridReact';
|
||||||
import { Stack } from '@mantine/core';
|
import { Flex, Stack } from '@mantine/core';
|
||||||
import { NowPlayingHeader } from '/@/renderer/features/now-playing/components/now-playing-header';
|
import { NowPlayingHeader } from '/@/renderer/features/now-playing/components/now-playing-header';
|
||||||
import { PlayQueue } from '/@/renderer/features/now-playing/components/play-queue';
|
import { PlayQueue } from '/@/renderer/features/now-playing/components/play-queue';
|
||||||
import { PlayQueueListControls } from '/@/renderer/features/now-playing/components/play-queue-list-controls';
|
import { PlayQueueListControls } from '/@/renderer/features/now-playing/components/play-queue-list-controls';
|
||||||
|
@ -13,20 +13,20 @@ const NowPlayingRoute = () => {
|
||||||
return (
|
return (
|
||||||
<AnimatedPage>
|
<AnimatedPage>
|
||||||
<Stack
|
<Stack
|
||||||
pb="1rem"
|
h="100%"
|
||||||
spacing={0}
|
spacing={0}
|
||||||
sx={{ height: '100%' }}
|
|
||||||
>
|
>
|
||||||
<NowPlayingHeader />
|
<NowPlayingHeader />
|
||||||
<PlayQueue
|
<PlayQueue
|
||||||
ref={queueRef}
|
ref={queueRef}
|
||||||
type="nowPlaying"
|
type="nowPlaying"
|
||||||
/>
|
/>
|
||||||
|
<Flex sx={{ borderTop: '1px solid var(--generic-border-color)' }}>
|
||||||
<PlayQueueListControls
|
<PlayQueueListControls
|
||||||
tableRef={queueRef}
|
tableRef={queueRef}
|
||||||
type="nowPlaying"
|
type="nowPlaying"
|
||||||
/>
|
/>
|
||||||
|
</Flex>
|
||||||
</Stack>
|
</Stack>
|
||||||
</AnimatedPage>
|
</AnimatedPage>
|
||||||
);
|
);
|
||||||
|
|
Reference in a new issue