From 1ab75f7187cddd0967ec38009b87071f0c70fa3a Mon Sep 17 00:00:00 2001
From: Gelaechter <30231932+gelaechter@users.noreply.github.com>
Date: Sun, 6 Aug 2023 19:03:45 +0000
Subject: [PATCH] Fix sidebar layout to show full album cover (#193)

---
 src/renderer/features/sidebar/components/sidebar.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/renderer/features/sidebar/components/sidebar.tsx b/src/renderer/features/sidebar/components/sidebar.tsx
index d5e5cce2..48463980 100644
--- a/src/renderer/features/sidebar/components/sidebar.tsx
+++ b/src/renderer/features/sidebar/components/sidebar.tsx
@@ -57,10 +57,14 @@ import { Platform } from '/@/renderer/types';
 
 const SidebarContainer = styled.div<{ windowBarStyle: Platform }>`
     height: 100%;
-    max-height: ${(props) =>
-        props.windowBarStyle === Platform.WEB || props.windowBarStyle === Platform.LINUX
-            ? 'calc(100vh - 149px)'
-            : 'calc(100vh - 179px)'}; // Playerbar (90px), titlebar (65px), windowbar (30px)
+    max-height: ${
+        (props) =>
+            props.windowBarStyle === Platform.WEB || props.windowBarStyle === Platform.LINUX
+                ? '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;
 `;