mirror of
https://github.com/hanzoai/sentinel.git
synced 2026-09-29 22:34:33 +00:00
31 lines
602 B
TypeScript
31 lines
602 B
TypeScript
import styled from '@emotion/styled';
|
|
|
|
const FullViewport = styled('div')`
|
|
height: 100vh;
|
|
width: 100%;
|
|
|
|
display: grid;
|
|
grid-template-rows: auto 1fr;
|
|
overflow: hidden;
|
|
|
|
/*
|
|
* The footer component is a sibling of this div.
|
|
* Remove it so the replay can take up the
|
|
* entire screen.
|
|
*/
|
|
~ footer {
|
|
display: none;
|
|
}
|
|
|
|
@media (max-width: ${p => p.theme.breakpoints.medium}) {
|
|
height: auto;
|
|
}
|
|
|
|
/*
|
|
TODO: Set \`body { overflow: hidden; }\` so that the body doesn't wiggle
|
|
when you try to scroll something that is non-scrollable.
|
|
*/
|
|
`;
|
|
|
|
export default FullViewport;
|