[FIX] Admin height if the blue banner is opened (#16629)

* fix admin height

* fix review

client/components/basic/Page.js

@@ -5,7 +5,7 @@ import { BurgerMenuButton } from './BurgerMenuButton';
 
 export function Page(props) {
 	return <Flex.Container direction='column'>
-		<Box is='section' style={useMemo(() => ({ height: '100vh' }), [])} {...props} />
+		<Box is='section' style={useMemo(() => ({ height: '100%' }), [])} {...props} />
 	</Flex.Container>;
 }
 

client/routes.js

@@ -233,19 +233,20 @@ FlowRouter.route('/setup-wizard/:step?', {
 	},
 });
 
+const style = 'overflow: hidden; flex: 1 1 auto; height: 1%;';
 FlowRouter.route('/admin/:group?', {
 	name: 'admin',
 	action: async ({ group = 'info' } = {}) => {
 		switch (group) {
 			case 'info': {
 				const { InformationRoute } = await import('./components/admin/info/InformationRoute');
-				BlazeLayout.render('main', { center: await createTemplateForComponent(InformationRoute) });
+				BlazeLayout.render('main', { center: await createTemplateForComponent(InformationRoute, { }, () => HTML.DIV({ style })) }); // eslint-disable-line
 				break;
 			}
 
 			default: {
 				const { SettingsRoute } = await import('./components/admin/settings/SettingsRoute');
-				BlazeLayout.render('main', { center: await createTemplateForComponent(SettingsRoute, { group }) });
+				BlazeLayout.render('main', { center: await createTemplateForComponent(SettingsRoute, { group }, () => HTML.DIV({ style })) }); // eslint-disable-line
 				// BlazeLayout.render('main', { center: 'admin' });
 			}
 		}