MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-04-19 06:43:51 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix sidebar custom width issue

Browse Source
This commit is contained in:
pa
2026-01-12 11:15:25 +09:00
committed by Natsumi
parent d2fd205476
commit f1874434de
1 changed files with 30 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/composables/useAuthenticatedLayoutResizable.js
View File

@@ -3,6 +3,8 @@ import { storeToRefs } from 'pinia';
import { useAppearanceSettingsStore } from '../stores';
import configRepository from '../service/config';
export function useAuthenticatedLayoutResizable() {
const navCollapsedPx = 64;
const navDefaultPx = 240;
@@ -162,10 +164,34 @@ export function useAuthenticatedLayoutResizable() {
return;
}
const storedAsidePx = asideWidth.value;
const asideTargetSize =
storedAsidePx > 0 ? pxToPercent(storedAsidePx, width, 0) : 0;
resizeAsidePanel(asideTargetSize);
void syncAsidePanelWidth(width);
};
let asideSyncPromise = null;
const syncAsidePanelWidth = async (width) => {
if (asideSyncPromise) {
return asideSyncPromise;
}
asideSyncPromise = (async () => {
const storedAsidePx = await configRepository.getInt(
'VRCX_sidePanelWidth',
asideWidth.value
);
if (
Number.isFinite(storedAsidePx) &&
storedAsidePx !== asideWidth.value
) {
setAsideWidth(storedAsidePx);
}
const asideTargetSize =
storedAsidePx > 0 ? pxToPercent(storedAsidePx, width, 0) : 0;
resizeAsidePanel(asideTargetSize);
})();
try {
return await asideSyncPromise;
} finally {
asideSyncPromise = null;
}
};
watch(isNavCollapsed, async (collapsed) => {