Merge pull request #2744 from brkcvn/master

Appearance problem for Print Template
This commit is contained in:
Burak Civan 2022-11-16 11:14:26 +03:00 committed by GitHub
commit a492bcd23a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 35 additions and 37 deletions

View File

@ -57065,6 +57065,10 @@ body{
border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
}
.sm\:p-7{
padding: 1.75rem;
}
.sm\:px-0{
padding-left: 0px;
padding-right: 0px;

View File

@ -767,69 +767,63 @@ html[dir='rtl'] .print-heading {
.classic-invoice {
margin-top: 10px;
}
.col-60
{
display: inline-block;
width: 100%;
vertical-align: top;
}
.col-50
{
display: inline-block;
width: 100%;
vertical-align: top;
}
.col-40
{
display: inline-block;
width: 100%;
vertical-align: top;
}
.col-58
{
display: inline-block;
width: 58%;
vertical-align: top;
}
.col-42
{
display: inline-block;
width: 42%;
vertical-align: top;
}
.col-16
{
display: inline-block;
max-width: 16%;
vertical-align: top;
}
/*--Print --*/
@media (min-width: 991px) {
.col-60
{
.col-60 {
display: inline-block;
width: 60%;
vertical-align: top;
}
.col-50
{
.col-50 {
display: inline-block;
width: 50%;
vertical-align: top;
}
.col-40
{
.col-40 {
display: inline-block;
width: 40%;
vertical-align: top;
}
.col-58{
display: inline-block;
width: 58%;
vertical-align: top;
}
.col-42 {
display: inline-block;
width: 42%;
vertical-align: top;
}
.col-16 {
display: inline-block;
max-width: 16%;
vertical-align: top;
}
@media (max-width: 480px) {
.col-60 {
display: inline-block;
width: 50%;
vertical-align: top;
}
.col-40 {
display: inline-block;
width: 50%;
vertical-align: top;
}
.mt-classic {
margin-top: -1px;
}
}
@media (min-width: 991px) {
.classic-invoice {
margin-top: unset;
}

View File

@ -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)
@case('classic')
<x-documents.template.classic

View File

@ -81,8 +81,8 @@
<div class="row mt-2">
<div class="col-33">
<div class="invoice-classic-line mb-1 mt-4" style="background-color:{{ $backgroundColor }};"></div>
<div class="invoice-classic-line" 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 }}; -webkit-print-color-adjust: exact;"></div>
</div>
<div class="col-33">
@ -106,8 +106,8 @@
</div>
<div class="col-33">
<div class="invoice-classic-line mb-1 mt-4" style="background-color:{{ $backgroundColor }};"></div>
<div class="invoice-classic-line" 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 }}; -webkit-print-color-adjust: exact;"></div>
</div>
</div>

View File

@ -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)
@case('classic')
@break

View File

@ -8,7 +8,7 @@
</div>
<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" />
</div>
</div>