fixed: scroll-bar issue.

removed scroll-bar from body-element, to use scroll-bar have to each section.

app/components/app.js

@@ -31,15 +31,15 @@ export default connect(mapStateToProps, mapDispatchToProps)(function ({
       <HeaderContainer />
       {/* /header */}
 
-      {/* footer */}
-      <StatusBarContainer />
-      {/* /footer */}
-
       {/* main */}
       <TableContainer />
       <InspectContainer />
       {/* /main */}
 
+      {/* footer */}
+      <StatusBarContainer />
+      {/* /footer */}
+
       <Dialog.LinkContainer />
       <Dialog.ConfirmContainer />
       <DragDropContainer />

app/components/header.js

@@ -9,17 +9,12 @@ import * as Button from './button'
 import Icon from './icon'
 
 const Container = styled.header`
-  position: fixed;
-  z-index: 1;
   width: 100%;
   height: 2.5rem;
   padding: 0.25rem 0.75rem;
   -webkit-app-region: drag;
   background-color: var(--color-neutral);
   color: var(--color-white);
-  & ~ main {
-    margin-top: 2.5rem;
-  }
 `
 
 const HideLayer = styled.div`

app/components/inspect.js

@@ -14,12 +14,15 @@ import {
 import SCREEN from '../consts/screen'
 
 const DetailHeader = styled.header`
+  width: 100%;
   height: 4rem;
   flex-shrink: 0;
   border-bottom: 1px solid var(--color-neutral-20);
 `
 
 const DetailFooter = styled.footer`
+  width: 100%;
+  bottom: 0;
   flex-shrink: 0;
   border-top: 1px solid var(--color-neutral-20);
 `

app/components/status-bar.js

@@ -3,18 +3,12 @@ import styled from 'styled-components'
 import bytes from 'prettier-bytes'
 
 const StatusBar = styled.footer`
-  position: fixed;
-  z-index: 1;
-  left: 0;
-  bottom: 0;
-  width: 100vw;
+  width: 100%;
   min-width: 800px;
-  padding: 0.5rem 1rem 0.75rem;
+  height: 2.5rem;
+  padding: 0.25rem 0.75rem;
   background-color: var(--color-neutral-04);
   color: var(--color-neutral-60);
-  & ~ main {
-    margin-bottom: 3rem;
-  }
 `
 
 export default function ({ up, down, show }) {

static/base.css

@@ -34,6 +34,7 @@ body {
   line-height: 1.5;
   overflow: hidden;
   min-width: 800px;
+  height: 100vh;
 }
 
 main {
@@ -96,7 +97,7 @@ button {
 #app-root {
   display: flex;
   flex-direction: column;
-  min-height: 100vh;
+  height: 100vh;
 }
 
 #app-root > main {