fixed #216

src/components/Widgets/Invoice/InvoiceShow/InvoiceShow.vue

@@ -15,7 +15,7 @@
       </div>
     </div>
     <q-card v-if="invoice.item_info"
-            class="q-mt-lg">
+            class="invoice-info q-mt-lg">
       <q-linear-progress v-if="invoice.loading"
                          indeterminate />
       <q-card-section>
@@ -31,10 +31,9 @@
       </q-card-section>
       <q-separator />
       <q-card-section>
-        <div class="row">
+        <div class="main-items row">
           <div class="col-md-3 col-12">
             <q-banner>
-              <q-icon name="isax:stickynote" />
               {{ getDateTime(invoice.creation_time) }}
             </q-banner>
           </div>
@@ -63,17 +62,25 @@
         <div class="row q-col-gutter-lg">
           <div class="col-md-4 col-12 flex items-center justify-start">
             <q-img :src="invoice.item_info.thumbnail"
+                   class="q-mr-md q-mb-md"
                    width="100px" />
             {{ invoice.item_info.title }}
           </div>
-          <div class="col-md-4 col-12 flex items-center justify-start">
-            <q-icon name="isax:user" />
+          <div v-if="invoice.type === 'CLASSROOM'"
+               class="col-md-4 col-12 flex items-center justify-start">
+            <q-icon name="co_present"
+                    size="20px"
+                    color="grey-6"
+                    class="q-mr-md" />
             استاد:
             {{ invoice.item_info.professor_info.firstname }}
             {{ invoice.item_info.professor_info.lastname }}
           </div>
           <div class="col-md-4 col-12 flex items-center justify-start">
-            <q-icon name="isax:card" />
+            <q-icon name="payment"
+                    size="20px"
+                    color="grey-6"
+                    class="q-mr-md" />
             قیمت:
             {{ invoice.item_info?.price ? invoice.item_info.price.toLocaleString('fa') : 0 }}
             ریال
@@ -272,6 +279,16 @@ export default {
       top: 0;
     }
   }
+  .invoice-info {
+    .main-items {
+      :deep(.q-banner) {
+        padding: 8px 4px;
+        .q-banner__content {
+          font-size: 14px;
+        }
+      }
+    }
+  }
   .btn-need-installment {
     position: absolute;
     right: 18px;