From c5847381565fa527da6e808f231d0b5c16fa8e10 Mon Sep 17 00:00:00 2001
From: Book Pauk <bookpauk@gmail.com>
Date: Tue, 27 Sep 2022 13:35:42 +0700
Subject: [PATCH] =?UTF-8?q?=D0=A3=D0=BB=D1=83=D1=87=D1=88=D0=B5=D0=BD?=
 =?UTF-8?q?=D0=B8=D0=B5=20NumInput?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/components/Search/PageScroller/PageScroller.vue | 4 ++--
 client/components/share/NumInput.vue                   | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/client/components/Search/PageScroller/PageScroller.vue b/client/components/Search/PageScroller/PageScroller.vue
index 9b82ff4..b873800 100644
--- a/client/components/Search/PageScroller/PageScroller.vue
+++ b/client/components/Search/PageScroller/PageScroller.vue
@@ -5,8 +5,8 @@
         </div>
         <div class="bg-white">
             <NumInput 
-                v-model="page" :min="1" :max="pageCount"
-                style="width: 200px" minus-icon="la la-chevron-circle-left" plus-icon="la la-chevron-circle-right" :disable="disable" mm-buttons
+                v-model="page" :min="1" :max="pageCount" mask="#######"
+                style="width: 220px" minus-icon="la la-chevron-circle-left" plus-icon="la la-chevron-circle-right" :disable="disable" mm-buttons
             />
         </div>
         <div class="q-ml-xs">
diff --git a/client/components/share/NumInput.vue b/client/components/share/NumInput.vue
index 229b0f1..9e32af7 100644
--- a/client/components/share/NumInput.vue
+++ b/client/components/share/NumInput.vue
@@ -6,6 +6,7 @@
         class="no-mp"
         :class="(error ? 'error' : '')"
         :disable="disable"
+        :mask="mask"
     >
         <slot></slot>
         <template #prepend>
@@ -95,6 +96,7 @@ class NumInput {
         minusIcon: {type: String, default: 'la la-minus-circle'},
         plusIcon: {type: String, default: 'la la-plus-circle'},
         mmButtons: Boolean,
+        mask: String,
     };
 
     filteredValue = 0;