Show default view as full-screen for invoices

This commit is contained in:
Benjamin Beganović 2021-01-13 14:46:41 +01:00
parent 0d0e3510db
commit 6526e5e378
3 changed files with 11 additions and 7 deletions

View File

@ -104,8 +104,8 @@
</button> </button>
</form> </form>
@endif @endif
<a href="{{ route('client.invoice.show', $invoice->hashed_id) }}" class="button-link text-primary"> <a href="{{ route('client.invoice.show', $invoice->hashed_id) }}?mode=fullscreen" class="button-link text-primary">
@lang('texts.view') {{ ctrans('texts.view') }}
</a> </a>
</td> </td>
</tr> </tr>
@ -132,4 +132,4 @@
@push('footer') @push('footer')
<script src="{{ asset('js/clients/invoices/action-selectors.js') }}"></script> <script src="{{ asset('js/clients/invoices/action-selectors.js') }}"></script>
@endpush @endpush

View File

@ -1,6 +1,6 @@
<style> <style>
:root { :root {
--primary-color: {{ $settings->primary_color }}; --primary-color: {{ isset($settings) ? optional($settings)->primary_color : '#1c64f2' }};
} }
.bg-primary { .bg-primary {
@ -8,11 +8,11 @@
} }
.bg-primary-darken { .bg-primary-darken {
background-color: vaR(--primary-color); background-color: var(--primary-color);
filter: brightness(90%); filter: brightness(90%);
} }
.text-primary { .text-primary {
color: var(--primary-color); color: var(--primary-color);
} }
</style> </style>

View File

@ -19,7 +19,11 @@
</div> </div>
</div> </div>
<div class="mt-5 sm:mt-0 sm:ml-6 sm:flex-shrink-0 sm:flex sm:items-center"> <div class="mt-5 sm:mt-0 sm:ml-6 sm:flex-shrink-0 sm:flex sm:items-center">
<div class="inline-flex rounded-md shadow-sm"> <a href="{{ route('client.invoice.show', $invoice->hashed_id) }}" class="mr-4 text-primary">
&#8592; {{ ctrans('texts.client_portal') }}
</a>
<div class="inline-flex items-center rounded-md shadow-sm">
<input type="hidden" name="invoices[]" value="{{ $invoice->hashed_id }}"> <input type="hidden" name="invoices[]" value="{{ $invoice->hashed_id }}">
<input type="hidden" name="action" value="payment"> <input type="hidden" name="action" value="payment">
<button class="button button-primary bg-primary">{{ ctrans('texts.pay_now') }}</button> <button class="button button-primary bg-primary">{{ ctrans('texts.pay_now') }}</button>