Move to heroku

Author: mugetsu

Procfile

@@ -0,0 +1 @@
+web: npm run start

components/Map/index.vue

@@ -24,7 +24,7 @@ export default {
         container: 'map',
         style: 'mapbox://styles/mapbox/dark-v10',
         center: [122, 13],
-        zoom: 3
+        zoom: 1.6
       })
 
       let markers = {}
@@ -154,13 +154,10 @@ export default {
           .addTo(map)
       })
 
-      map.on('mouseenter', 'clusters', function() {
-        map.getCanvas().style.cursor = 'pointer'
-      })
-
-      map.on('mouseleave', 'clusters', function() {
-        map.getCanvas().style.cursor = ''
-      })
+      map.on('mouseenter', 'clusters', _ => map.getCanvas().style.cursor = 'pointer')
+      map.on('mouseleave', 'clusters', _ => map.getCanvas().style.cursor = '')
+      map.on('mouseenter', 'unclustered-point', _ => map.getCanvas().style.cursor = 'pointer')
+      map.on('mouseleave', 'unclustered-point', _ => map.getCanvas().style.cursor = '')
     }
   },
   mounted() {

components/Search/index.vue

@@ -35,14 +35,18 @@ export default {
   background-color: rgba(39, 39, 39, 1);
   box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
   animation: float-up 1s infinite alternate;
+
+  &:hover {
+    animation-play-state: paused;
+  }
 }
 
 @keyframes float-up {
   0% {
-      transform: translate3d(0, 0px, 0);
- }
+    transform: translate3d(0, 0px, 0);
+  }
   100% {
-      transform: translate3d(0, 5px, 0);
- }
+    transform: translate3d(0, 5px, 0);
+  }
 }
 </style>