Mirrors/invoiceninja
1
0
Fork 0
mirror of https://github.com/invoiceninja/invoiceninja.git synced 2024-11-10 21:22:58 +01:00
Code Issues Releases Activity

master

Browse Source
This commit is contained in:
Benjamin Beganović 2021-01-18 15:27:32 +01:00
parent 4c34bc2177
commit ad76bb561e
1 changed files with 81 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

147
resources/views/email/template/master.blade.php
View File

@ -1,78 +1,91 @@
@php @php
if(!isset($design)) $design = 'light'; if(!isset($design)) {
$design = 'light';
}
@endphp @endphp
<!DOCTYPE html> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<html lang="en"> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head> <head>
<meta charset="UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>@yield('title')</title> </head>
</head>
<style> <style>
:root { :root {
@isset($settings) --primary-color: {{ isset($settings) ? $settings->primary_color : '#4caf50' }};
--primary-color: {{ $settings->primary_color }}; }
@else
--primary-color: #4caf50;
@endisset
}
.border-primary { .primary-color-bg {
border-color: var(--primary-color); background-color: var(--primary-color);
} }
#email-content h1 {
display: block;
color: {{ $design == 'light' ? 'black' : 'white' }};
}
#email-content p {
display: block;
color: {{ $design == 'light' ? 'black' : 'white' }};
}
.button {
background-color: var(--primary-color);
color: white;
padding: 10px 16px;
text-decoration: none;
}
#email-content a, .link {
word-break: break-all;
}
</style> </style>
@if($design == 'dark') <body style="margin: 0; padding: 0; background-color: {{ $design == 'light' ? '#F9FAFB' : '#111827' }};">
<style> <table role="presentation" cellpadding="0" cellspacing="0" width="100%">
* { <tr>
color: #cbd5e0 !important; <td style="padding: 20px; font-family: Arial, sans-serif, 'Open Sans'">
} <table align="center" cellpadding="0" cellspacing="0" width="600"
</style> style="box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06)">
@endif <tr>
<td align="center" bgcolor="#4caf50" class="primary-color-bg" style="padding: 40px 0 30px 0;">
<body class="{{ $design == 'light' ? 'bg-gray-200' : 'bg-gray-800' }} my-10 font-sans {{ $design == 'light' ? 'text-gray-700' : 'text-gray-400' }}"> {{ $header }}
<div class="grid grid-cols-6"> </td>
<div class="col-span-4 col-start-2"> </tr>
<div class="{{ $design == 'light' ? 'bg-white' : 'bg-gray-900' }} shadow border-t-2 {{ $design == 'light' ? 'border-primary' : 'border-gray-800' }}"> <tr>
<div class="px-10 break-all"> <td bgcolor="{{ $design == 'light' ? '#ffffff' : '#1F2937'}}" style="padding: 40px 30px 40px 30px;">
{{ $header }} <table cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
</div> <tr>
<div id="text" class="flex flex-col px-10 py-6"> <td align="center" id="email-content">
@isset($greeting) {{ $slot }}
{{ $greeting }} </td>
@endisset </tr>
</table>
<div class="break-all"> </td>
{{ $slot}} </tr>
</div> <tr>
@isset($whitelabel)
@isset($signature) @if(!$whitelabel)
{{ $signature }} <td bgcolor="{{ $design == 'light' ? '#ffffff' : '#1F2937'}}" style="padding-top: 20px; padding-bottom: 20px;" align="center">
@endisset <p style="margin: 0; border-top: 1px solid {{ $design == 'light' ? '#F3F4F6' : '#374151' }}; padding-top: 20px;">
</div> <a href="https://invoiceninja.com" target="_blank">
</div> <img
style="height: 4rem; {{ $design == 'dark' ? 'filter: invert(100%);' : '' }}"
@isset($below_card) src="{{ asset('images/created-by-invoiceninja-new.png') }}"
<div id="bottomText" class="px-10 my-4 text-center"> alt="Invoice Ninja">
{{ $below_card }} </a>
</div> </p>
@endisset </td>
@endif
</div> @endif
</div> </tr>
</table>
<!-- Whitelabel --> </td>
@isset($whitelabel) </tr>
@if(!$whitelabel) </table>
<div style="display: flex; flex-direction: row; justify-content: center; margin-top: 1rem; margin-bottom: 1rem;">
<a href="https://invoiceninja.com" target="_blank">
<img style="height: 4rem; {{ $design == 'dark' ? 'filter: invert(100%);' : '' }}" src="{{ asset('images/created-by-invoiceninja-new.png') }}" alt="Invoice Ninja">
</a>
</div>
@endif
@endif
</body> </body>
</html> </html>