Move footer to bottom of page on preview

potatoepotato · Feb 21, 2021 · 962c718 · 962c718
1 parent 5e63cb4
commit 962c718
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/pages/viewer.tsx b/pages/viewer.tsx
@@ -19,6 +19,12 @@ import { Preview } from "../modules/message/preview/Preview"
 const Container = styled.div`
   height: 100%;
   overflow-y: auto;
+  display: flex;
+  flex-flow: column;
+`
+
+const Content = styled.div`
+  flex: 1;
 `
 
 export type ViewerProps = {
@@ -55,7 +61,9 @@ export default function Viewer(props: ViewerProps) {
             { name: "Settings", handler: spawnSettingsModal },
           ]}
         />
-        <Preview />
+        <Content>
+          <Preview />
+        </Content>
         <Footer />
       </Container>
     </EditorManagerProvider>