From bf4309cd7bc283a6e577527158a43741314824c7 Mon Sep 17 00:00:00 2001
From: Methapon Metanipat <methapon@frappet.com>
Date: Fri, 18 Oct 2024 11:44:27 +0700
Subject: [PATCH] refactor: placeholder

---
 src/pages/05_quotation/peview/ViewFooter.vue | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/pages/05_quotation/peview/ViewFooter.vue b/src/pages/05_quotation/peview/ViewFooter.vue
index 5a96fd71..fc9a34a5 100644
--- a/src/pages/05_quotation/peview/ViewFooter.vue
+++ b/src/pages/05_quotation/peview/ViewFooter.vue
@@ -23,21 +23,21 @@ defineProps<{
     <div class="footer-bottom">
       <section>
         <div>
-          <span>.......................................</span>
+          <span class="data-placeholder"></span>
           <span>ผู้สั่งซื้อสินค้า</span>
         </div>
         <div>
-          <span>.......................................</span>
+          <span class="data-placeholder"></span>
           <span>วันที่</span>
         </div>
       </section>
       <section>
         <div>
-          <span>.......................................</span>
+          <span class="data-placeholder"></span>
           <span>ผู้อนุมัติ</span>
         </div>
         <div>
-          <span>.......................................</span>
+          <span class="data-placeholder"></span>
           <span>วันที่</span>
         </div>
       </section>
@@ -64,7 +64,7 @@ defineProps<{
   justify-content: space-between;
 
   & > * {
-    width: 35%;
+    width: 38%;
   }
 }
 .footer-bottom {
@@ -77,7 +77,7 @@ defineProps<{
 
   & > * {
     display: flex;
-    width: 35%;
+    width: 38%;
     justify-content: space-around;
 
     & > * {
@@ -88,4 +88,11 @@ defineProps<{
     }
   }
 }
+
+.data-placeholder {
+  display: block;
+  min-width: 1.2in;
+  border-bottom: 1px dotted black;
+  margin-bottom: 2mm;
+}
 </style>