Fix grid layout for web window bar

This commit is contained in:
jeffvli 2023-03-30 04:57:51 -07:00
parent bc5f1f13f0
commit dbcda5b634

View file

@ -21,9 +21,10 @@ const Layout = styled.div<{ windowBarStyle: Platform }>`
'window-bar' 'window-bar'
'main-content' 'main-content'
'player'; 'player';
grid-template-rows: grid-template-rows: ${(props) =>
${(props) => (props.windowBarStyle !== Platform.WEB ? '30px' : '0px')} calc(100vh - 120px) props.windowBarStyle !== Platform.WEB
90px; ? '30px calc(100vh - 120px) 90px'
: '0px calc(100vh - 90px) 90px'};
grid-template-columns: 1fr; grid-template-columns: 1fr;
gap: 0; gap: 0;
height: 100%; height: 100%;