UI improvements 3

This commit is contained in:
Čarodej
2022-02-03 18:50:12 +01:00
parent cad8c31422
commit 5a28eeef1e
2 changed files with 9 additions and 7 deletions

View File

@@ -690,6 +690,7 @@ export default {
this.results = [] this.results = []
this.query = '' this.query = ''
this.isVisible = false this.isVisible = false
this.$closePopup()
}, },
onPageDown() { onPageDown() {
let results = this.results.length let results = this.results.length

View File

@@ -29,7 +29,7 @@
@include('vuefilemanager.others.color-template') @include('vuefilemanager.others.color-template')
</head> </head>
<body class="bg-light-background"> <body class="bg-light-background print:px-0 px-3">
<div class="rounded-xl max-w-3xl mx-auto my-5 print:hidden"> <div class="rounded-xl max-w-3xl mx-auto my-5 print:hidden">
<button class="flex items-center bg-white py-1 px-2 rounded-lg" onclick="window.print();"> <button class="flex items-center bg-white py-1 px-2 rounded-lg" onclick="window.print();">
@@ -44,10 +44,11 @@
</span> </span>
</button> </button>
</div> </div>
<div class="bg-white rounded-xl max-w-3xl mx-auto print:p-0 p-10">
<div class="bg-white rounded-xl max-w-3xl mx-auto print:p-0 lg:p-10 p-4 lg:mb-0 print:mb-0 mb-10">
<!--Invoice Header--> <!--Invoice Header-->
<header class="flex justify-between items-start pb-4 mb-4 border-b dark:border-opacity-5 border-light border-dashed"> <header class="print:flex lg:flex justify-between items-start pb-4 mb-4 border-b dark:border-opacity-5 border-light border-dashed">
<div> <div>
@if(isset($settings->app_logo_horizontal)) @if(isset($settings->app_logo_horizontal))
<img src="{{ url($settings->app_logo_horizontal) }}" alt="{{ $settings->app_title ?? 'VueFileManager' }}" class="h-8"> <img src="{{ url($settings->app_logo_horizontal) }}" alt="{{ $settings->app_title ?? 'VueFileManager' }}" class="h-8">
@@ -62,7 +63,7 @@
</b> </b>
</div> </div>
<div class="text-right"> <div class="print:text-right lg:text-right lg:mt-0 print:mt-0 mt-6">
<h1 class="text-2xl font-bold"> <h1 class="text-2xl font-bold">
{{ __t('invoice_title') }} {{ __t('invoice_title') }}
</h1> </h1>
@@ -73,7 +74,7 @@
</header> </header>
<!-- Invoice partners --> <!-- Invoice partners -->
<div class="flex justify-between items-start space-x-8 pb-6 mb-6 border-b dark:border-opacity-5 border-light border-dashed"> <div class="lg:flex print:flex justify-between items-start lg:space-x-8 lg:space-y-0 space-y-5 pb-6 mb-6 border-b dark:border-opacity-5 border-light border-dashed">
<!-- Seller --> <!-- Seller -->
<div> <div>
<div class="mb-3"> <div class="mb-3">
@@ -198,7 +199,7 @@
</span> </span>
@endisset @endisset
</div> </div>
<div class="font-bold block text-right pt-3"> <div class="font-bold block lg:text-right print:text-right pt-3 text-sm">
Date of issue: {{ format_date($invoice->created_at) }} Date of issue: {{ format_date($invoice->created_at) }}
</div> </div>
</div> </div>
@@ -288,7 +289,7 @@
</table> </table>
<!-- Invoice Total --> <!-- Invoice Total -->
<div class="text-right"> <div class="print:text-right lg:text-right text-center">
<b class="text-2xl font-extrabold"> <b class="text-2xl font-extrabold">
{{ __t('total') }} {{ format_currency($invoice->amount, $invoice->currency) }} {{ __t('total') }} {{ format_currency($invoice->amount, $invoice->currency) }}
</b> </b>