mirror of
https://github.com/jeffvli/feishin.git
synced 2026-05-09 20:29:36 +02:00
Fix sidebar layout to show full album cover (#193)
This commit is contained in:
@@ -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.windowBarStyle === Platform.WEB || props.windowBarStyle === Platform.LINUX
|
(props) =>
|
||||||
? 'calc(100vh - 149px)'
|
props.windowBarStyle === Platform.WEB || props.windowBarStyle === Platform.LINUX
|
||||||
: 'calc(100vh - 179px)'}; // Playerbar (90px), titlebar (65px), windowbar (30px)
|
? 'calc(100vh - 160px)' // Playerbar (90px) & ActionBar (70px)
|
||||||
|
: '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;
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user