From 410be4fa61804502bf8971bfc6e6f9ffd1b3ff13 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Tue, 24 May 2022 11:41:50 +0300
Subject: [PATCH] slider style fix

---
 src/views/datatable/DataTableDemo.vue | 2 +-
 src/views/datatable/DataTableDoc.vue  | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/views/datatable/DataTableDemo.vue b/src/views/datatable/DataTableDemo.vue
index d08448152..53f292412 100755
--- a/src/views/datatable/DataTableDemo.vue
+++ b/src/views/datatable/DataTableDemo.vue
@@ -102,7 +102,7 @@
                         </template>
                         <template #filter="{filterModel}">
                             <Slider v-model="filterModel.value" range class="m-3"></Slider>
-                            <div class="flex align-items-center justify-content-center px-2">
+                            <div class="flex align-items-center justify-content-between px-2">
                                 <span>{{filterModel.value ? filterModel.value[0] : 0}}</span>
                                 <span>{{filterModel.value ? filterModel.value[1] : 100}}</span>
                             </div>
diff --git a/src/views/datatable/DataTableDoc.vue b/src/views/datatable/DataTableDoc.vue
index 58c40aa60..84ebec4c4 100755
--- a/src/views/datatable/DataTableDoc.vue
+++ b/src/views/datatable/DataTableDoc.vue
@@ -2723,7 +2723,7 @@ export default {
                 </template>
                 <template #filter="{filterModel}">
                     <Slider v-model="filterModel.value" range class="m-3"></Slider>
-                    <div class="flex align-items-center justify-content-center px-2">
+                    <div class="flex align-items-center justify-content-between px-2">
                         <span>{{filterModel.value ? filterModel.value[0] : 0}}</span>
                         <span>{{filterModel.value ? filterModel.value[1] : 100}}</span>
                     </div>
@@ -2947,7 +2947,7 @@ export default {
                 </template>
                 <template #filter="{filterModel}">
                     <Slider v-model="filterModel.value" range class="m-3"></Slider>
-                    <div class="flex align-items-center justify-content-center px-2">
+                    <div class="flex align-items-center justify-content-between px-2">
                         <span>{{filterModel.value ? filterModel.value[0] : 0}}</span>
                         <span>{{filterModel.value ? filterModel.value[1] : 100}}</span>
                     </div>
@@ -3210,7 +3210,7 @@ img {
                     </template>
                     <template #filter="{filterModel}">
                         <p-slider v-model="filterModel.value" range class="m-3"></p-slider>
-                        <div class="flex align-items-center justify-content-center px-2">
+                        <div class="flex align-items-center justify-content-between px-2">
                             <span>{{filterModel.value ? filterModel.value[0] : 0}}</span>
                             <span>{{filterModel.value ? filterModel.value[1] : 100}}</span>
                         </div>