antebudimir/feishin
1
0
Fork 0
mirror of https://github.com/antebudimir/feishin.git synced 2025-12-31 18:13:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fix position of sidebar image when using custom windowbar

Browse source
This commit is contained in:
jeffvli 2025-09-05 01:17:00 -07:00
parent e1e0670350
commit 229f9e984e
2 changed files with 6 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/renderer/features/sidebar/components/sidebar.module.css
View file

@ -27,7 +27,8 @@
}
.image-container {
position: relative;
position: absolute;
bottom: 0;
width: var(--sidebar-image-height);
height: var(--sidebar-image-height);
cursor: pointer;

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

@ -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;