From 229f9e984eb41ef52d0152f7aca8d95645cb7158 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Fri, 5 Sep 2025 01:17:00 -0700
Subject: [PATCH] fix position of sidebar image when using custom windowbar

---
 src/renderer/features/sidebar/components/sidebar.module.css | 3 ++-
 src/renderer/features/sidebar/components/sidebar.tsx        | 5 ++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/renderer/features/sidebar/components/sidebar.module.css b/src/renderer/features/sidebar/components/sidebar.module.css
index 9805cfa1..1c131c9a 100644
--- a/src/renderer/features/sidebar/components/sidebar.module.css
+++ b/src/renderer/features/sidebar/components/sidebar.module.css
@@ -27,7 +27,8 @@
 }
 
 .image-container {
-    position: relative;
+    position: absolute;
+    bottom: 0;
     width: var(--sidebar-image-height);
     height: var(--sidebar-image-height);
     cursor: pointer;
diff --git a/src/renderer/features/sidebar/components/sidebar.tsx b/src/renderer/features/sidebar/components/sidebar.tsx
index 3a0dea0e..a894b4a1 100644
--- a/src/renderer/features/sidebar/components/sidebar.tsx
+++ b/src/renderer/features/sidebar/components/sidebar.tsx
@@ -90,7 +90,8 @@ export const Sidebar = () => {
     const scrollAreaHeight = useMemo(() => {
         if (showImage) {
             if (windowBarStyle === Platform.WINDOWS || windowBarStyle === Platform.MACOS) {
-                return `calc(100% - 105px - ${sidebar.leftWidth})`;
+                // Subtract the height of the top bar and padding
+                return `calc(100% - 65px - var(--mantine-spacing-xs) - ${sidebar.leftWidth})`;
             }
 
             return `calc(100% - ${sidebar.leftWidth})`;
@@ -99,6 +100,8 @@ export const Sidebar = () => {
         return '100%';
     }, [showImage, sidebar.leftWidth, windowBarStyle]);
 
+    console.log('scrollAreaHeight', scrollAreaHeight);
+
     const isCustomWindowBar =
         windowBarStyle === Platform.WINDOWS || windowBarStyle === Platform.MACOS;