Temporarily remove background image (that freezes page)

See #10
appendonlylog · Nov 22, 2017 · aa2ac14 · aa2ac14
1 parent a9413a6
commit aa2ac14
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 13 deletions.
diff --git a/web/src/components/StatusBar.js b/web/src/components/StatusBar.js
@@ -6,7 +6,6 @@ import connect from '~/utils/connect'
 import sel from '~/selectors'
 
 import ContractLayout from './freelancer-layout'
-import background from '../../assets/background.png'
 
 
 const StatusBar = styled.div`
@@ -20,7 +19,7 @@ const StatusBar = styled.div`
 `
 
 const getColor = (state) => {
-  
+
 }
 
 

diff --git a/web/src/components/contract-item.js b/web/src/components/contract-item.js
@@ -5,22 +5,21 @@ import { Link } from 'react-router-dom'
 import connect from '~/utils/connect'
 import sel from '~/selectors'
 
-import background from '../../assets/background.png'
 import Status from './StatusBar'
 
 const Item = styled.div`
-  display: flex; 
+  display: flex;
   flex-flow: row nowrap;
   justify-content: space-between;
   width: 100%;
 
   border-top: 1px solid #E0E0E0;
-  padding: 24px 30px; 
+  padding: 24px 30px;
   box-sizing: border-box;
 
   &:hover {
     background: #5E69D7;
-    color: #FFFFFF; 
+    color: #FFFFFF;
   }
 `
 
@@ -39,7 +38,7 @@ const ExecutionDate = styled.div`
   color: #7C7C7C;
 
   ${Item}:hover & {
-    color: #FFFFFF; 
+    color: #FFFFFF;
   }
 `
 
@@ -59,7 +58,7 @@ export default class ContractItem extends React.Component {
 
   render() {
     return (
-      <Link to={ this.props.address }> 
+      <Link to={ this.props.address }>
         <Item>
           <Name>{ this.props.name }</Name>
           <ExecutionDate>{ this.state.lastActivityDate }</ExecutionDate>
@@ -70,5 +69,5 @@ export default class ContractItem extends React.Component {
       </Link>
      )
     }
-  }  
-  
+  }
+
diff --git a/web/src/components/freelancer-layout.js b/web/src/components/freelancer-layout.js
@@ -5,16 +5,16 @@ import { Link } from 'react-router-dom'
 import connect from '~/utils/connect'
 import sel from '~/selectors'
 
-import background from '../../assets/background.png'
+// import background from '../../assets/background.png'
 import logo from '../../assets/logo.svg'
 
 
+// background: url(${background}) no-repeat center / cover;
 const Contract = styled.div`
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 0 40px;
-  background: url(${background}) no-repeat center / cover;
   background-attachment: fixed;
   height: 100%;
   color: #242738;

diff --git a/web/src/components/layout.js b/web/src/components/layout.js
@@ -6,8 +6,8 @@ import sel from '~/selectors'
 
 import SplashScreen from './splash-screen'
 
+// background: url('./assets/background.png') no-repeat center / contain;
 const LayoutContainer = styled.div`
-  background: url('./assets/background.png') no-repeat center / contain;
   font-face: sans-serif;
   font-size: 16px;
   height: 100%;