refactor: placeholder
This commit is contained in:
parent
49c3a8ac3d
commit
bf4309cd7b
1 changed files with 13 additions and 6 deletions
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue