mobile css

1 files changed, 6 insertions, 4 deletions

diff --git a/client/components/Scroller.jsx b/client/components/Scroller.jsx
index 2c67a9a..05758b8 100644
--- a/client/components/Scroller.jsx
+++ b/client/components/Scroller.jsx
@@ -1,6 +1,7 @@
 import { h, Component } from 'preact'
 import { Lethargy } from 'lethargy'
 import { Link } from 'react-router-dom'
+import util from '../util'
 
 export default class Scroller extends Component {
   constructor() {
@@ -15,6 +16,7 @@ export default class Scroller extends Component {
     document.body.addEventListener('DOMMouseScroll', this.onWheel)
   }
   onWheel(e) {
+    if (util.isMobile) return;
     e.preventDefault()
     e.stopPropagation()
     const scrollDirection = this.lethargy.check(e)
@@ -35,10 +37,10 @@ export default class Scroller extends Component {
           </div>
           <div class='about'>
             <div>
-              {painting.title}<br/>
-              {painting.medium}<br/>
-              {painting.date}<br/>
-              {painting.image.caption}<br/>
+              <div>{painting.title}</div>
+              <div>{painting.medium}</div>
+              <div>{painting.date}</div>
+              <div>{painting.image.caption}</div>
               <br/>
               <Link to={'/painting/' + painting.id}>
                 More info &gt;