diff --git a/frontend/src/AppBuilder/AppCanvas/AppCanvas.jsx b/frontend/src/AppBuilder/AppCanvas/AppCanvas.jsx index d580016912..63470acd85 100644 --- a/frontend/src/AppBuilder/AppCanvas/AppCanvas.jsx +++ b/frontend/src/AppBuilder/AppCanvas/AppCanvas.jsx @@ -31,12 +31,12 @@ export const AppCanvas = ({ moduleId, appId, isViewerSidebarPinned }) => { const currentLayout = useStore((state) => state.currentLayout, shallow); const queryPanelHeight = useStore((state) => state?.queryPanel?.queryPanelHeight || 0); const isDraggingQueryPane = useStore((state) => state.queryPanel.isDraggingQueryPane, shallow); + const { isAppDarkMode } = useAppDarkMode(); const canvasBgColor = useStore((state) => state.getCanvasBackgroundColor('canvas', isAppDarkMode), shallow); const canvasContainerHeight = computeCanvasContainerHeight(queryPanelHeight, isDraggingQueryPane); const isAutoMobileLayout = useStore((state) => state.getIsAutoMobileLayout(), shallow); const setIsComponentLayoutReady = useStore((state) => state.setIsComponentLayoutReady, shallow); const canvasMaxWidth = useAppCanvasMaxWidth({ mode: currentMode }); - const { isAppDarkMode } = useAppDarkMode(); const editorMarginLeft = useSidebarMargin(canvasContainerRef); const pageSwitchInProgress = useStore((state) => state.pageSwitchInProgress); const setPageSwitchInProgress = useStore((state) => state.setPageSwitchInProgress); @@ -71,8 +71,8 @@ export const AppCanvas = ({ moduleId, appId, isViewerSidebarPinned }) => { // transform: `scale(1)`, borderLeft: editorMarginLeft + 'px solid', height: currentMode === 'edit' ? canvasContainerHeight : '100%', - // backgroundColor: canvasBgColor, - background: !isAppDarkMode ? '#EBEBEF' : '#2E3035', + backgroundColor: canvasBgColor, + // background: !isAppDarkMode ? '#EBEBEF' : '#2E3035', marginLeft: isViewerSidebarPinned && currentLayout !== 'mobile' && currentMode !== 'edit' ? pageSidebarStyle === 'icon' diff --git a/frontend/src/AppBuilder/LeftSidebar/PageMenu/style.scss b/frontend/src/AppBuilder/LeftSidebar/PageMenu/style.scss index 08a387daf2..5d0f4f7398 100644 --- a/frontend/src/AppBuilder/LeftSidebar/PageMenu/style.scss +++ b/frontend/src/AppBuilder/LeftSidebar/PageMenu/style.scss @@ -1,3 +1,9 @@ +.PopoverContent { + &.page { + min-height: unset !important; + } +} + .edit-page-overlay-toggle { opacity: 0; transition: opacity 0.1s; diff --git a/frontend/src/AppBuilder/Viewer/ViewerSidebarNavigation.jsx b/frontend/src/AppBuilder/Viewer/ViewerSidebarNavigation.jsx index 0c25f659ed..fe1bbe4c31 100644 --- a/frontend/src/AppBuilder/Viewer/ViewerSidebarNavigation.jsx +++ b/frontend/src/AppBuilder/Viewer/ViewerSidebarNavigation.jsx @@ -112,7 +112,7 @@ export const ViewerSidebarNavigation = ({ borderRight: !styles?.borderColor?.isDefault ? `1px solid ${styles?.borderColor?.value}` : '', }} > -