Mirrors/notesnook
1
0
Fork 0
mirror of https://github.com/streetwriters/notesnook.git synced 2026-09-01 19:49:54 +02:00
Code Issues Packages Projects Releases Wiki Activity

web: added a flex to uniform the settings background

Browse Source
This commit is contained in:
alihamuh
2024-03-04 18:59:38 +05:00
parent b3cc9475ad
commit a9b9472f69
1 changed files with 21 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
apps/web/src/dialogs/settings/index.tsx
View File

@@ -222,6 +222,18 @@ type SettingsSideBarProps = { onNavigate: (settings: SettingsGroup[]) => void };
function SettingsSideBar(props: SettingsSideBarProps) {
const { onNavigate } = props;
const [route, setRoute] = useState<SectionKeys>("profile");
const [extraHeight, setExtraHeight] = useState(0);
useEffect(() => {
if (
document.getElementById("settings-side-menu")?.scrollHeight !==
document.getElementById("settings-nav-menu")?.scrollHeight
)
setExtraHeight(
(document.getElementById("settings-side-menu")?.scrollHeight || 0) -
(document.getElementById("settings-nav-menu")?.scrollHeight || 0)
);
}, []);
return (
<FlexScrollContainer
@@ -234,6 +246,7 @@ function SettingsSideBar(props: SettingsSideBarProps) {
>
<ScopedThemeProvider scope="navigationMenu">
<Flex
id="settings-nav-menu"
sx={{
flexDirection: "column",
display: "flex",
@@ -325,6 +338,14 @@ function SettingsSideBar(props: SettingsSideBarProps) {
)}
</Flex>
))}
<Flex
id="test-settings"
sx={{
display: "flex",
flex: 1,
minHeight: extraHeight
}}
></Flex>
</Flex>
</ScopedThemeProvider>
</FlexScrollContainer>