chamomind/jws-frontend
chamomind/jws-frontend
7
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

refactor: placeholder

Browse source
This commit is contained in:
Methapon Metanipat 2024-10-18 11:44:27 +07:00
parent 49c3a8ac3d
commit bf4309cd7b
1 changed files with 13 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/pages/05_quotation/peview/ViewFooter.vue
View file

@ -23,21 +23,21 @@ defineProps<{
<div class="footer-bottom"> <div class="footer-bottom">
<section> <section>
<div> <div>
<span>.......................................</span> <span class="data-placeholder"></span>
<span>ผู้สั่งซื้อสินค้า</span> <span>ผู้สั่งซื้อสินค้า</span>
</div> </div>
<div> <div>
<span>.......................................</span> <span class="data-placeholder"></span>
<span>วันที่</span> <span>วันที่</span>
</div> </div>
</section> </section>
<section> <section>
<div> <div>
<span>.......................................</span> <span class="data-placeholder"></span>
<span>ผู้อนุมัติ</span> <span>ผู้อนุมัติ</span>
</div> </div>
<div> <div>
<span>.......................................</span> <span class="data-placeholder"></span>
<span>วันที่</span> <span>วันที่</span>
</div> </div>
</section> </section>
@ -64,7 +64,7 @@ defineProps<{
justify-content: space-between; justify-content: space-between;
& > * { & > * {
width: 35%; width: 38%;
} }
} }
.footer-bottom { .footer-bottom {
@ -77,7 +77,7 @@ defineProps<{
& > * { & > * {
display: flex; display: flex;
width: 35%; width: 38%;
justify-content: space-around; 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> </style>