Update mail views

This commit is contained in:
philipp lang 2024-04-19 16:51:17 +02:00
parent 1f4173caf8
commit fde1a9d169
7 changed files with 48 additions and 38 deletions

2
.gitignore vendored
View File

@ -8,7 +8,7 @@ yarn-error.log
/public/build /public/build
/public/vendor /public/vendor
storage/*.key storage/*.key
vendor/ /vendor/
Homestead.yaml Homestead.yaml
Homestead.json Homestead.json
.vagrant/ .vagrant/

View File

@ -1,13 +1,18 @@
<table class="action" align="center" width="100%" cellpadding="0" cellspacing="0" role="presentation"> @props([
'url',
'color' => 'primary',
'align' => 'center',
])
<table class="action" align="{{ $align }}" width="100%" cellpadding="0" cellspacing="0" role="presentation">
<tr> <tr>
<td align="center"> <td align="{{ $align }}">
<table width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation"> <table width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation">
<tr> <tr>
<td align="center"> <td align="{{ $align }}">
<table border="0" cellpadding="0" cellspacing="0" role="presentation"> <table border="0" cellpadding="0" cellspacing="0" role="presentation">
<tr> <tr>
<td> <td>
<a href="{{ $url }}" class="button button-{{ $color ?? 'primary' }}" target="_blank" rel="noopener">{{ $slot }}</a> <a href="{{ $url }}" class="button button-{{ $color }}" target="_blank" rel="noopener">{{ $slot }}</a>
</td> </td>
</tr> </tr>
</table> </table>

View File

@ -1,7 +1,12 @@
@props(['url'])
<tr> <tr>
<td class="header"> <td class="header">
<a href="{{ $url }}" style="display: inline-block;"> <a href="{{ $url }}" style="display: inline-block;">
<img src="{{ url('/img/logo.png') }}" class="logo" alt="Stamm Silva Logo"> @if (trim($slot) === 'Laravel')
<img src="https://laravel.com/img/notification-logo.png" class="logo" alt="Laravel Logo">
@else
{{ $slot }}
@endif
</a> </a>
</td> </td>
</tr> </tr>

View File

@ -1,6 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <head>
<title>{{ config('app.name') }}</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="color-scheme" content="light"> <meta name="color-scheme" content="light">
@ -33,7 +34,7 @@ width: 100% !important;
<!-- Email Body --> <!-- Email Body -->
<tr> <tr>
<td class="body" width="100%" cellpadding="0" cellspacing="0"> <td class="body" width="100%" cellpadding="0" cellspacing="0" style="border: hidden !important;">
<table class="inner-body" align="center" width="570" cellpadding="0" cellspacing="0" role="presentation"> <table class="inner-body" align="center" width="570" cellpadding="0" cellspacing="0" role="presentation">
<!-- Body content --> <!-- Body content -->
<tr> <tr>

View File

@ -1,27 +1,27 @@
@component('mail::layout') <x-mail::layout>
{{-- Header --}} {{-- Header --}}
@slot('header') <x-slot:header>
@component('mail::header', ['url' => 'https://stamm-silva.de']) <x-mail::header :url="config('app.url')">
{{ config('app.name') }} {{ config('app.name') }}
@endcomponent </x-mail::header>
@endslot </x-slot:header>
{{-- Body --}} {{-- Body --}}
{{ $slot }} {{ $slot }}
{{-- Subcopy --}} {{-- Subcopy --}}
@isset($subcopy) @isset($subcopy)
@slot('subcopy') <x-slot:subcopy>
@component('mail::subcopy') <x-mail::subcopy>
{{ $subcopy }} {{ $subcopy }}
@endcomponent </x-mail::subcopy>
@endslot </x-slot:subcopy>
@endisset @endisset
{{-- Footer --}} {{-- Footer --}}
@slot('footer') <x-slot:footer>
@component('mail::footer') <x-mail::footer>
© {{ date('Y') }} Stamm Silva. © {{ date('Y') }} {{ config('app.name') }}. @lang('All rights reserved.')
@endcomponent </x-mail::footer>
@endslot </x-slot:footer>
@endcomponent </x-mail::layout>

View File

@ -3,8 +3,7 @@
body, body,
body *:not(html):not(style):not(br):not(tr):not(code) { body *:not(html):not(style):not(br):not(tr):not(code) {
box-sizing: border-box; box-sizing: border-box;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
position: relative; position: relative;
} }

View File

@ -1,27 +1,27 @@
@component('mail::layout') <x-mail::layout>
{{-- Header --}} {{-- Header --}}
@slot('header') <x-slot:header>
@component('mail::header', ['url' => config('app.url')]) <x-mail::header :url="config('app.url')">
{{ config('app.name') }} {{ config('app.name') }}
@endcomponent </x-mail::header>
@endslot </x-slot:header>
{{-- Body --}} {{-- Body --}}
{{ $slot }} {{ $slot }}
{{-- Subcopy --}} {{-- Subcopy --}}
@isset($subcopy) @isset($subcopy)
@slot('subcopy') <x-slot:subcopy>
@component('mail::subcopy') <x-mail::subcopy>
{{ $subcopy }} {{ $subcopy }}
@endcomponent </x-mail::subcopy>
@endslot </x-slot:subcopy>
@endisset @endisset
{{-- Footer --}} {{-- Footer --}}
@slot('footer') <x-slot:footer>
@component('mail::footer') <x-mail::footer>
© {{ date('Y') }} {{ config('app.name') }}. @lang('All rights reserved.') © {{ date('Y') }} {{ config('app.name') }}. @lang('All rights reserved.')
@endcomponent </x-mail::footer>
@endslot </x-slot:footer>
@endcomponent </x-mail::layout>