Merge pull request #2744 from brkcvn/master
Appearance problem for Print Template
This commit is contained in:
commit
a492bcd23a
@ -57065,6 +57065,10 @@ body{
|
|||||||
border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
|
border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.sm\:p-7{
|
||||||
|
padding: 1.75rem;
|
||||||
|
}
|
||||||
|
|
||||||
.sm\:px-0{
|
.sm\:px-0{
|
||||||
padding-left: 0px;
|
padding-left: 0px;
|
||||||
padding-right: 0px;
|
padding-right: 0px;
|
||||||
|
@ -767,69 +767,63 @@ html[dir='rtl'] .print-heading {
|
|||||||
.classic-invoice {
|
.classic-invoice {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
/*--Print --*/
|
||||||
|
|
||||||
.col-60
|
.col-60 {
|
||||||
{
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 100%;
|
width: 60%;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
.col-50
|
.col-50 {
|
||||||
{
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 100%;
|
width: 50%;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
.col-40
|
.col-40 {
|
||||||
{
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 100%;
|
width: 40%;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
.col-58
|
|
||||||
{
|
.col-58{
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 58%;
|
width: 58%;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
.col-42
|
|
||||||
{
|
.col-42 {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 42%;
|
width: 42%;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
.col-16
|
|
||||||
{
|
.col-16 {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
max-width: 16%;
|
max-width: 16%;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
/*--Print --*/
|
|
||||||
|
|
||||||
@media (min-width: 991px) {
|
@media (max-width: 480px) {
|
||||||
.col-60
|
.col-60 {
|
||||||
{
|
|
||||||
display: inline-block;
|
|
||||||
width: 60%;
|
|
||||||
vertical-align: top;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-50
|
|
||||||
{
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 50%;
|
width: 50%;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
.col-40
|
.col-40 {
|
||||||
{
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 40%;
|
width: 50%;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mt-classic {
|
||||||
|
margin-top: -1px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 991px) {
|
||||||
.classic-invoice {
|
.classic-invoice {
|
||||||
margin-top: unset;
|
margin-top: unset;
|
||||||
}
|
}
|
||||||
|
@ -1,4 +1,4 @@
|
|||||||
<div class="p-7 shadow-2xl rounded-2xl">
|
<div class="p-3 sm:p-7 shadow-2xl rounded-2xl">
|
||||||
@switch($documentTemplate)
|
@switch($documentTemplate)
|
||||||
@case('classic')
|
@case('classic')
|
||||||
<x-documents.template.classic
|
<x-documents.template.classic
|
||||||
|
@ -81,8 +81,8 @@
|
|||||||
|
|
||||||
<div class="row mt-2">
|
<div class="row mt-2">
|
||||||
<div class="col-33">
|
<div class="col-33">
|
||||||
<div class="invoice-classic-line mb-1 mt-4" style="background-color:{{ $backgroundColor }};"></div>
|
<div class="invoice-classic-line mb-1 mt-4" style="background-color:{{ $backgroundColor }}; -webkit-print-color-adjust: exact;"></div>
|
||||||
<div class="invoice-classic-line" style="background-color:{{ $backgroundColor }};"></div>
|
<div class="invoice-classic-line" style="background-color:{{ $backgroundColor }}; -webkit-print-color-adjust: exact;"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-33">
|
<div class="col-33">
|
||||||
@ -106,8 +106,8 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-33">
|
<div class="col-33">
|
||||||
<div class="invoice-classic-line mb-1 mt-4" style="background-color:{{ $backgroundColor }};"></div>
|
<div class="invoice-classic-line mb-1 mt-4" style="background-color:{{ $backgroundColor }}; -webkit-print-color-adjust: exact;"></div>
|
||||||
<div class="invoice-classic-line" style="background-color:{{ $backgroundColor }};"></div>
|
<div class="invoice-classic-line" style="background-color:{{ $backgroundColor }}; -webkit-print-color-adjust: exact;"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -1,4 +1,4 @@
|
|||||||
<div class="p-7 shadow-2xl rounded-2xl">
|
<div class="p-3 sm:p-7 shadow-2xl rounded-2xl">
|
||||||
@switch($transactionTemplate)
|
@switch($transactionTemplate)
|
||||||
@case('classic')
|
@case('classic')
|
||||||
@break
|
@break
|
||||||
|
@ -8,7 +8,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="w-full lg:w-7/12">
|
<div class="w-full lg:w-7/12">
|
||||||
<div class="p-7 shadow-2xl rounded-2xl">
|
<div class="p-3 sm:p-7 shadow-2xl rounded-2xl">
|
||||||
<x-transfers.show.template :model="$transfer" />
|
<x-transfers.show.template :model="$transfer" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user