From 0fa3b3a79123734c2f341aadfc03b78bd665d715 Mon Sep 17 00:00:00 2001
From: Neeraj Sharma <neeraj.sharma@viithiisys.com>
Date: Sun, 17 May 2020 02:46:46 +0530
Subject: [PATCH] add loader after sucess api in id report

---
 src/pages/Report/idCard.vue | 62 ++++++++++++++++++++++++++++++---------------
 1 file changed, 42 insertions(+), 20 deletions(-)

diff --git a/src/pages/Report/idCard.vue b/src/pages/Report/idCard.vue
index d3e76ed..5b2c250 100644
--- a/src/pages/Report/idCard.vue
+++ b/src/pages/Report/idCard.vue
@@ -171,7 +171,7 @@
                 round
                 dark
                 :loading="loading"
-                class="open-dialog-button mt-3 "
+                class="open-dialog-button mt-3"
               >Get Report</v-btn>
             </v-flex>
           </v-layout>
@@ -262,44 +262,59 @@
 
                       <p
                         style="color: #302653;font-size:24px;
-                          letter-spacing: 4px;"
+                          letter-spacing: 4px;
+                          margin-bottom:14px;"
                       >
                         <b>{{ getCard.name}}</b>
                       </p>
                       <p
-                        style="color: #302653;font-size:14px;
-                          letter-spacing: 4px;"
+                        style="color: #302653;
+                          font-size:14px;
+                          letter-spacing: 4px;
+                          margin-bottom:14px;"
                       >
                         <b>{{ getCard.gender}}</b>
                       </p>
                       <p
                         v-if="getCard.classId"
-                        style="color: #302653;font-size:24px;
-                          letter-spacing: 4px;"
+                        style="color: #302653;
+                          font-size:24px;
+                          letter-spacing: 4px;
+                          margin-bottom:14px;"
                       >{{ getCard.classId.classNum }}</p>
                       <p
                         v-if="getCard.classId"
-                        style="color: #302653;font-size:24px;
-                          letter-spacing: 4px;"
+                        style="color: #302653;
+                          font-size:24px;
+                          letter-spacing: 4px;
+                          margin-bottom:14px;"
                       >{{ getCard.sectionId.name }}</p>
                       <p
                         v-if="getCard.rollNo"
-                        style="color: #302653;font-size:24px;
-                          letter-spacing: 2px;"
+                        style="color: #302653;
+                           font-size:24px;
+                          letter-spacing: 2px;
+                          margin-bottom:10px;"
                       >Roll: {{ getCard.rollNo }}</p>
                       <p
                         v-if="getCard.joinDate"
-                        style="color: #302653;font-size:16px;
+                        style="color: #302653;
+                          margin-bottom:10px;
+                          font-size:16px;
                           letter-spacing: 2px;"
                       >{{ dates(getCard.joinDate) }}</p>
                       <p
                         v-if="getCard.joiningDate"
-                        style="color: #302653;font-size:16px;
+                        style="color: #302653;
+                          margin-bottom:10px;
+                          font-size:16px;
                           letter-spacing: 2px;"
                       >{{ dates(getCard.joiningDate) }}</p>
                       <p
                         v-if="getCard.phone"
-                        style="color: #302653;font-size:16px;
+                        style="color: #302653;
+                          margin-bottom:10px;
+                          font-size:16px;
                           letter-spacing: 2px;"
                       >{{ getCard.phone }}</p>
                       <p
@@ -307,7 +322,8 @@
                         font-size: 19px;
                         font-weight: 100;
                         color: rgb(48, 38, 83);
-                        letter-spacing: 5px;"
+                        letter-spacing: 5px;
+                        margin-bottom:10px;"
                       >
                         <span v-if="getCard.mobile">{{ getCard.mobile}}</span>
                         <span v-if="getCard.mobileNo">{{ getCard.mobileNo }}</span>
@@ -324,7 +340,8 @@
                         font-size: 17px;
                         font-weight: 100;
                         color: rgb(48, 38, 83);
-                        letter-spacing: 4px;"
+                        letter-spacing: 4px;
+                        margin-bottom:14px;"
                       >{{ getCard.email}}</p>
                     </v-flex>
                   </v-layout>
@@ -367,8 +384,10 @@
                       </v-layout>-->
                       <p
                         v-if="getCard.schoolLogoUrl"
-                        style="color: #302653;font-size:24px;
-                          letter-spacing: 4px;"
+                        style="color: #302653;
+                          font-size:24px;
+                          letter-spacing: 4px;
+                          margin-bottom:14px;"
                       >
                         <b>{{ getCard.name}}</b>
                       </p>
@@ -379,14 +398,16 @@
                         font-size: 17px;
                         font-weight: 100;
                         color: rgb(48, 38, 83);
-                        letter-spacing: 4px;"
+                        letter-spacing: 4px;
+                        margin-bottom:14px;"
                       >{{ getCard.city}}</p>
                       <p
                         style="
                         font-size: 17px;
                         font-weight: 100;
                         color: rgb(48, 38, 83);
-                        letter-spacing: 4px;"
+                        letter-spacing: 4px;
+                        margin-bottom:14px;"
                       >
                         {{ getCard.address }}
                         {{ getCard.presentAddress }}
@@ -400,7 +421,8 @@
                         font-size: 17px;
                         font-weight: 100;
                         color: rgb(48, 38, 83);
-                        letter-spacing: 4px;"
+                        letter-spacing: 4px;
+                        margin-bottom:14px;"
                       >{{ getCard.establishmentYear }}</p>
                     </v-flex>
                   </v-layout>
-- 
2.0.0