From e5809794e37948e6bb639ea79bd02746920275ac Mon Sep 17 00:00:00 2001
From: Mustafa Yontar <mustafa@oyd.org.tr>
Date: Thu, 9 Apr 2020 22:42:03 +0300
Subject: [PATCH] change pdf look style

---
 src/lib/PdfShare.vue | 25 +++++++++++++++++--------
 1 file changed, 17 insertions(+), 8 deletions(-)

diff --git a/src/lib/PdfShare.vue b/src/lib/PdfShare.vue
index fac32e0..88ae936 100644
--- a/src/lib/PdfShare.vue
+++ b/src/lib/PdfShare.vue
@@ -1,11 +1,20 @@
 <template>
-    <div style="position: absolute;right: 0;bottom:0">
-        <v-file-input ref="file" id="myfile" accept="pdf" label="Please select a file"></v-file-input>
-        <v-btn @click="loadFile">load file</v-btn>
-        <canvas style="zoom:0.3" id="mypdfview"></canvas>
-        <v-btn @click="prevPage">Prev</v-btn>
-        <span v-if="pdf && !loading">{{pdf.numPages}}</span>
-        <v-btn @click="nextPage">Next</v-btn>
+    <div style="position: absolute;right: 0;bottom:0;width: 400px;border:1px solid #ccc">
+
+        <v-row>
+            <v-col cols="12" md="10">
+                <v-file-input ref="file" id="myfile" accept="pdf" label="Please select a file"></v-file-input>
+
+            </v-col>
+            <v-col cols="12" md="2">
+                <v-btn @click="loadFile" icon><v-icon>mdi-chevron-right</v-icon></v-btn>
+
+            </v-col>
+        </v-row>
+        <canvas style="zoom:0.3" id="mypdfview"></canvas><br />
+        <v-btn v-if="pdf && !loading" :disabled="pageNumber ==1" @click="prevPage" icon><v-icon>mdi-chevron-left</v-icon></v-btn>
+        <span v-if="pdf && !loading">{{pageNumber}} / {{pdf.numPages}}</span>
+        <v-btn v-if="pdf && !loading" :disabled="pdf.numPages == pageNumber" @click="nextPage" icon><v-icon>mdi-chevron-right</v-icon></v-btn>
     </div>
 </template>
 
@@ -29,7 +38,7 @@ export default {
     },
     data: () => ({
         pdf:null,
-        pageNumber:0,
+        pageNumber:1,
         loading:true,
         pluginHandle: null
         }),