Skip to content

Commit abc7f3b

Browse files
author
Ives van Hoorne
committed
Fix height of not found pages
1 parent d8e349e commit abc7f3b

File tree

2 files changed

+3
-7
lines changed

2 files changed

+3
-7
lines changed

packages/app/src/app/pages/Sandbox/index.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -64,7 +64,7 @@ class SandboxPage extends React.Component {
6464

6565
if (store.editor.notFound) {
6666
return (
67-
<Centered horizontal vertical>
67+
<Centered style={{ height: '100vh' }} horizontal vertical>
6868
<Title>
6969
We could not find the Sandbox you{"'"}re looking for...
7070
<br />
@@ -77,7 +77,7 @@ class SandboxPage extends React.Component {
7777

7878
if (store.editor.error) {
7979
return (
80-
<Centered horizontal vertical>
80+
<Centered style={{ height: '100vh' }} horizontal vertical>
8181
<Title>An error occured when fetching the sandbox:</Title>
8282
<SubTitle>{store.editor.error}</SubTitle>
8383
<br />

packages/app/src/app/pages/common/NotFound/elements.js

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,14 @@
11
import styled from 'styled-components';
22

33
export const Container = styled.div`
4-
position: absolute;
5-
top: 0;
6-
bottom: 0;
7-
left: 0;
8-
right: 0;
94
margin: auto;
105
display: flex;
116
align-items: center;
127
justify-content: center;
138
flex-direction: column;
149
font-size: 1.5rem;
1510
color: white;
11+
height: 100vh;
1612
`;
1713

1814
export const Title = styled.h1`

0 commit comments

Comments
 (0)