fix sidebar height when using custom window bar

This commit is contained in:
jeffvli 2025-06-28 13:42:33 -07:00
parent f4db8fdb84
commit d922d8b034
2 changed files with 11 additions and 1 deletions

View file

@ -8,6 +8,10 @@
background: var(--theme-colors-background-alternate);
}
.container.custom-bar {
max-height: calc(100vh - 120px);
}
.scroll-area {
padding: 0 var(--theme-spacing-md) var(--theme-spacing-md) var(--theme-spacing-md);
}

View file

@ -1,3 +1,4 @@
import clsx from 'clsx';
import { AnimatePresence, motion } from 'motion/react';
import { CSSProperties, useMemo } from 'react';
import { useTranslation } from 'react-i18next';
@ -98,9 +99,14 @@ export const Sidebar = () => {
return '100%';
}, [showImage, sidebar.leftWidth, windowBarStyle]);
const isCustomWindowBar =
windowBarStyle === Platform.WINDOWS || windowBarStyle === Platform.MACOS;
return (
<div
className={styles.container}
className={clsx(styles.container, {
[styles.customBar]: isCustomWindowBar,
})}
id="left-sidebar"
>
<Group