pogmommy/feishin
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix sidebar layout to show full album cover (#193)

Browse source
This commit is contained in:
Gelaechter 2023-08-06 19:03:45 +00:00 • committed by GitHub
parent 3d1f36e85a
commit 1ab75f7187
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/renderer/features/sidebar/components/sidebar.tsx
View file

@ -57,10 +57,14 @@ import { Platform } from '/@/renderer/types';
const SidebarContainer = styled.div<{ windowBarStyle: Platform }>` const SidebarContainer = styled.div<{ windowBarStyle: Platform }>`
height: 100%; height: 100%;
max-height: ${(props) => max-height: ${
(props) =>
props.windowBarStyle === Platform.WEB || props.windowBarStyle === Platform.LINUX props.windowBarStyle === Platform.WEB || props.windowBarStyle === Platform.LINUX
? 'calc(100vh - 149px)' ? 'calc(100vh - 160px)' // Playerbar (90px) & ActionBar (70px)
: 'calc(100vh - 179px)'}; // Playerbar (90px), titlebar (65px), windowbar (30px) : 'calc(100vh - 190px)' // plus windowbar (30px) if the windowBarStyle is Windows/Mac
// We use the height of the SidebarContainer to keep the Stack below the ActionBar at the correct height
// ActionBar uses height: 100%; so it has the full height of its parent
};
user-select: none; user-select: none;
`; `;