From 1e1bcf15cd7211210c32dba73da03db64eba495f Mon Sep 17 00:00:00 2001
From: Yuval Adam <_@yuv.al>
Date: Wed, 18 Oct 2017 22:11:16 +0300
Subject: Slider styles

---
 Geshem.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

(limited to 'Geshem.vue')

diff --git a/Geshem.vue b/Geshem.vue
index 24aa154..afba8ce 100644
--- a/Geshem.vue
+++ b/Geshem.vue
@@ -5,7 +5,7 @@
       <div id="time">{{ time }}</div>
     </div>
     <div id="slider">
-      <vue-slider ref="slider" v-model="slider" :min=1 :max=7></vue-slider>
+      <vue-slider ref="slider" v-model="slider" :min=1 :max=7 :height=20 :dot-size=45 :tooltip=false></vue-slider>
     </div>
   </div>
 </template>
@@ -134,9 +134,13 @@
     }
     #slider {
       position: absolute;
-      bottom: 10vh;
+      bottom: 8vh;
       width: 30vw;
       margin-left: 35vw;
+      @media only screen and (max-device-width: 812px) {
+        width: 80vw;
+        margin-left: 8vw;
+      }
     }
   }
 </style>
-- 
cgit v1.3.1

