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))); 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;

View File

@ -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;
} }

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

View File

@ -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>

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

View File

@ -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>