Skip to content

F
frontend
Commit 5ab56b50 authored by Max Alekseenko's avatar Max Alekseenko
Browse files
Options

rework fullscreen on mobiles

parent 09df0fd1
Show whitespace changes
Inline Side-by-side
Showing with 22 additions and 38 deletions
ui/shared/layout/LayoutApp.tsx
View file @ 5ab56b50
import { Global, css } from '@emotion/react';
import React from 'react'; import React from 'react';
import type { Props } from './types'; import type { Props } from './types';
...@@ -10,26 +9,12 @@ import * as Layout from './components'; ...@@ -10,26 +9,12 @@ import * as Layout from './components';
const LayoutDefault = ({ children }: Props) => { const LayoutDefault = ({ children }: Props) => {
return ( return (
<> <Layout.Container
<Global overflowY="hidden"
styles={ css` height={ [ '-webkit-fill-available', '100vh' ] }
html { display="flex"
height: -webkit-fill-available; flexDirection="column"
} >
body {
height: 100vh;
height: -webkit-fill-available;
display: flex;
flex-direction: column;
}
#__next {
flex: 1;
display: flex;
flex-direction: column;
}
` }
/>
<Layout.Container overflowY="hidden" flex={ 1 } display="flex" flexDir="column">
<Layout.TopRow/> <Layout.TopRow/>
<HeaderMobile hideSearchBar/> <HeaderMobile hideSearchBar/>
<Layout.MainArea minH="auto" flex={ 1 }> <Layout.MainArea minH="auto" flex={ 1 }>
...@@ -46,7 +31,6 @@ const LayoutDefault = ({ children }: Props) => { ...@@ -46,7 +31,6 @@ const LayoutDefault = ({ children }: Props) => {
</Layout.MainColumn> </Layout.MainColumn>
</Layout.MainArea> </Layout.MainArea>
</Layout.Container> </Layout.Container>
</>
); );
}; };
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment