@@ -49,8 +49,8 @@ const DEFAULT_WIDTH = 240;
4949type MenuItemStyleOptionValue = "normal" | "hover" | "active" ;
5050const EventOptions = [ clickEvent ] as const ;
5151
52- const StyledSide = styled ( LayoutSider ) `
53- max-height: calc(100vh -${ TopHeaderHeight }
52+ const StyledSide = styled ( LayoutSider ) < { $isPreview : boolean } > `
53+ max-height:${ ( props ) => ( props . $isPreview ? ` calc(100vh -${ TopHeaderHeight } ` : "100vh" ) }
5454 overflow: auto;
5555
5656 .ant-menu-item:first-child {
@@ -199,6 +199,11 @@ const StyledMenu = styled(AntdMenu)<{
199199
200200` ;
201201
202+
203+ const ViewerMainContent = styled ( MainContent ) < { $isPreview :boolean } > `
204+ height:${ ( props ) => ( props . $isPreview ?`calc(100vh -${ TopHeaderHeight } :"100vh" ) }
205+ ` ;
206+
202207const StyledImage = styled . img `
203208 height: 1em;
204209 color: currentColor;
@@ -355,6 +360,7 @@ let NavTmpLayout = (function () {
355360NavTmpLayout = withViewFn ( NavTmpLayout , ( comp ) => {
356361const pathParam = useAppPathParam ( ) ;
357362const isViewMode = isUserViewMode ( pathParam ) ;
363+ const isPreview = pathParam . viewMode === "preview" ;
358364const [ selectedKey , setSelectedKey ] = useState ( "" ) ;
359365const items = comp . children . items . getView ( ) ;
360366const navWidth = comp . children . width . getView ( ) ;
@@ -674,25 +680,25 @@ NavTmpLayout = withViewFn(NavTmpLayout, (comp) => {
674680) ;
675681
676682let content = (
677- < Layout >
683+ < Layout style = { { height : isPreview ? undefined : "100vh" } } >
678684{ ( navPosition === 'top' ) && (
679685< Header style = { { display :'flex' , alignItems :'center' , padding :0 } } >
680686{ navMenu }
681687</ Header >
682688) }
683689{ ( navPosition === 'left' ) && (
684- < StyledSide theme = "light" width = { navWidth } collapsed = { navCollapse } >
690+ < StyledSide $isPreview = { isPreview } theme = "light" width = { navWidth } collapsed = { navCollapse } >
685691{ navMenu }
686692</ StyledSide >
687693) }
688- < MainContent > { pageView } </ MainContent >
694+ < ViewerMainContent $isPreview = { isPreview } > { pageView } </ ViewerMainContent >
689695{ ( navPosition === 'bottom' ) && (
690696< Footer style = { { display :'flex' , alignItems :'center' , padding :0 } } >
691697{ navMenu }
692698</ Footer >
693699) }
694700{ ( navPosition === 'right' ) && (
695- < StyledSide theme = "light" width = { navWidth } collapsed = { navCollapse } >
701+ < StyledSide $isPreview = { isPreview } theme = "light" width = { navWidth } collapsed = { navCollapse } >
696702{ navMenu }
697703</ StyledSide >
698704) }