Adjust conditionals in a few places

This commit is contained in:
jeffvli 2023-05-26 18:46:29 -07:00 committed by Jeff
parent a878875f83
commit 1d074dae2e
3 changed files with 12 additions and 10 deletions

View file

@ -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'};
}

View file

@ -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">

View file

@ -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}