Adjust conditionals in a few places
This commit is contained in:
parent
a878875f83
commit
1d074dae2e
3 changed files with 12 additions and 10 deletions
|
@ -34,14 +34,18 @@ const StyledNativeScrollArea = styled.div<{ scrollBarOffset?: string; windowBarS
|
|||
|
||||
&::-webkit-scrollbar-track {
|
||||
margin-top: ${(props) =>
|
||||
props.windowBarStyle === Platform.WINDOWS || props.windowBarStyle === Platform.MACOS
|
||||
props.windowBarStyle === Platform.WINDOWS ||
|
||||
props.windowBarStyle === Platform.MACOS ||
|
||||
props.windowBarStyle === Platform.LINUX
|
||||
? '0px'
|
||||
: props.scrollBarOffset || '65px'};
|
||||
}
|
||||
|
||||
&::-webkit-scrollbar-thumb {
|
||||
margin-top: ${(props) =>
|
||||
props.windowBarStyle === Platform.WINDOWS || props.windowBarStyle === Platform.MACOS
|
||||
props.windowBarStyle === Platform.WINDOWS ||
|
||||
props.windowBarStyle === Platform.MACOS ||
|
||||
props.windowBarStyle === Platform.LINUX
|
||||
? '0px'
|
||||
: props.scrollBarOffset || '65px'};
|
||||
}
|
||||
|
|
|
@ -138,9 +138,7 @@ const HomeRoute = () => {
|
|||
<Box
|
||||
ref={cq.ref}
|
||||
mb="5rem"
|
||||
pt={
|
||||
windowBarStyle === Platform.WEB || windowBarStyle === Platform.LINUX ? '5rem' : '3rem'
|
||||
}
|
||||
pt={windowBarStyle === Platform.WEB ? '5rem' : '3rem'}
|
||||
px="2rem"
|
||||
>
|
||||
<Stack spacing="lg">
|
||||
|
|
|
@ -13,17 +13,17 @@ export const SidebarPlayQueue = () => {
|
|||
const queueRef = useRef<{ grid: AgGridReactType<Song> } | null>(null);
|
||||
const { windowBarStyle } = useWindowSettings();
|
||||
|
||||
const webOrNative = windowBarStyle === Platform.WEB || windowBarStyle === Platform.LINUX;
|
||||
const isWeb = windowBarStyle === Platform.WEB;
|
||||
return (
|
||||
<VirtualGridContainer>
|
||||
{webOrNative && (
|
||||
<Stack mr={webOrNative ? '130px' : undefined}>
|
||||
{isWeb && (
|
||||
<Stack mr={isWeb ? '130px' : undefined}>
|
||||
<PageHeader backgroundColor="var(--titlebar-bg)" />
|
||||
</Stack>
|
||||
)}
|
||||
<Paper
|
||||
display={!webOrNative ? 'flex' : undefined}
|
||||
h={!webOrNative ? '65px' : undefined}
|
||||
display={!isWeb ? 'flex' : undefined}
|
||||
h={!isWeb ? '65px' : undefined}
|
||||
>
|
||||
<PlayQueueListControls
|
||||
tableRef={queueRef}
|
||||
|
|
Reference in a new issue