subtle style fix

thx · Jun 4, 2019 · 447059f · 447059f
1 parent 473ac60
commit 447059f
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 0 deletions.
diff --git a/src/assets/index.sass b/src/assets/index.sass
@@ -71,3 +71,19 @@ pre
   border-radius: 0.4rem;
   background-color: $bg;
   white-space: pre-wrap;
+
+.btn-top
+  position: fixed;
+  right: 150px;
+  bottom: -1px;
+  width: 90px;
+  height: 50px;
+  text-align: center;
+  vertical-align: middle;
+  padding: 16px;
+  z-index: 99999;
+  background-color: #ffffff;
+  border: 1px solid #DDDDDD;
+  border-radius: 16px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
diff --git a/src/components/editor/InterfaceList.jsx b/src/components/editor/InterfaceList.jsx
@@ -4,6 +4,7 @@ import { RModal, RSortable } from '../utils'
 import InterfaceForm from './InterfaceForm'
 import { GoPencil, GoTrashcan, GoRocket, GoLock } from 'react-icons/lib/go'
 import { getCurrentInterface } from '../../selectors/interface';
+import './InterfaceList.css'
 
 class Interface extends Component {
   static contextTypes = {

diff --git a/src/components/editor/InterfaceList.sass b/src/components/editor/InterfaceList.sass
@@ -0,0 +1,3 @@
+.InterfaceList
+  max-height: 500px;
+  overflow-y: auto;
diff --git a/src/routes.jsx b/src/routes.jsx
@@ -102,6 +102,9 @@ const Routes = ({ match, location }, { store }) => {
   }
   return (
     <article className='Routes'>
+      <div className="btn-top" onClick={() => { console.log('hahaha'); window.scrollTo(0, 0) }}>
+        回到顶部
+      </div>
       <Route component={Header} />
       <div className='body'>
         <Switch>