tweak css

Author: AlexandreBonaventure

example/App.vue

@@ -70,11 +70,11 @@ export default {
 
 .slider.-small .items{
   height: 100px;
-  width: 100px;
+  /* width: 100px; */
 }
 .slider.-big .items{
   height: 200px;
-  width: 200px;
+  /* width: 200px; */
 }
 
 </style>

src/Slider.vue

@@ -120,7 +120,7 @@ export default {
         style: {
           position: 'relative',
           height: `${this.viewportSize.height}px`,
-          width: `${this.viewportSize.width}px`
+          width: this.orientation === 'horizontal' ? `${this.viewportSize.width}px` : undefined
         }
       },
       [

src/TransformContainer.vue

@@ -32,6 +32,7 @@ export default {
       class: 'viewport',
       style: {
         width: '100%',
+        height: '100%',
         position: 'relative',
         overflow: 'hidden'
       },