|
@@ -1,19 +1,21 @@
|
|
|
<template>
|
|
|
- <Window ref="window" height="130px" max-width="600px" :top-shift="-50" @close="close">
|
|
|
+ <Window ref="window" height="125px" max-width="600px" :top-shift="-50" @close="close">
|
|
|
<template #header>
|
|
|
Установить позицию
|
|
|
</template>
|
|
|
|
|
|
- <div id="set-position-slider" class="slider q-px-md column justify-center">
|
|
|
- <q-slider
|
|
|
- v-model="sliderValue"
|
|
|
- thumb-path="M 2, 10 a 8.5,8.5 0 1,0 17,0 a 8.5,8.5 0 1,0 -17,0"
|
|
|
-
|
|
|
- :max="sliderMax"
|
|
|
- label
|
|
|
- :label-value="(sliderMax ? (sliderValue/sliderMax*100).toFixed(2) + '%' : 0)"
|
|
|
- color="primary"
|
|
|
- />
|
|
|
+ <div class="col column justify-center">
|
|
|
+ <div id="set-position-slider" class="slider q-px-md column justify-center">
|
|
|
+ <q-slider
|
|
|
+ v-model="sliderValue"
|
|
|
+ thumb-path="M 2, 10 a 8.5,8.5 0 1,0 17,0 a 8.5,8.5 0 1,0 -17,0"
|
|
|
+
|
|
|
+ :max="sliderMax"
|
|
|
+ label
|
|
|
+ :label-value="(sliderMax ? (sliderValue/sliderMax*100).toFixed(2) + '%' : 0)"
|
|
|
+ color="primary"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</Window>
|
|
|
</template>
|
|
@@ -76,8 +78,8 @@ export default vueComponent(SetPositionPage);
|
|
|
|
|
|
<style scoped>
|
|
|
.slider {
|
|
|
- margin: 20px;
|
|
|
- height: 40px;
|
|
|
+ margin: 0 20px 0 20px;
|
|
|
+ height: 35px;
|
|
|
background-color: #efefef;
|
|
|
border-radius: 15px;
|
|
|
}
|