wip

resources/views/vendor/mail/html/button.blade.php

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