redone 12.4

This commit is contained in:
Naser Mansour
2026-01-04 02:12:59 +02:00
parent 204c73646d
commit 082545032a
5 changed files with 132 additions and 86 deletions
+6 -6
View File
@@ -3,17 +3,17 @@
<table class="footer" align="center" width="570" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td class="content-cell" align="center">
<p style="color: #71717a; font-size: 12px; margin-bottom: 8px;">
<p style="color: #2D322A; font-size: 12px; margin-bottom: 8px;">
<strong>Libra Law Firm | مكتب ليبرا للمحاماة</strong>
</p>
<p style="color: #a1a1aa; font-size: 11px; margin-bottom: 4px;">
<p style="color: #2D322A; font-size: 11px; margin-bottom: 4px;">
Ramallah, Palestine | رام الله، فلسطين
</p>
<p style="color: #a1a1aa; font-size: 11px; margin-bottom: 4px;">
<a href="mailto:info@libra.ps" style="color: #A5C87A;">info@libra.ps</a>
<p style="color: #2D322A; font-size: 11px; margin-bottom: 4px;">
<a href="mailto:info@libra.ps" style="color: #A68966;">info@libra.ps</a>
</p>
<p style="color: #a1a1aa; font-size: 11px;">
<a href="{{ config('app.url') }}" style="color: #A5C87A;">{{ config('app.url') }}</a>
<p style="color: #2D322A; font-size: 11px;">
<a href="{{ config('app.url') }}" style="color: #A68966;">{{ config('app.url') }}</a>
</p>
{{ Illuminate\Mail\Markdown::parse($slot) }}
</td>
+1 -1
View File
@@ -1,6 +1,6 @@
@props(['url'])
<tr>
<td class="header" style="background-color: #8AB357; padding: 25px; text-align: center;">
<td class="header" style="background-color: #2D3624; padding: 25px; text-align: center;">
<a href="{{ $url }}" style="display: inline-block;">
@if (trim($slot) === 'Laravel')
<img src="{{ asset('images/logo-email.png') }}" class="logo" alt="LIBRA for Rights" style="height: 60px; width: 60px;">
+25 -24
View File
@@ -10,8 +10,8 @@ body *:not(html):not(style):not(br):not(tr):not(code) {
body {
-webkit-text-size-adjust: none;
background-color: #ffffff;
color: #52525b;
background-color: #F4F1EA;
color: #2D322A;
height: 100%;
line-height: 1.4;
margin: 0;
@@ -28,7 +28,7 @@ blockquote {
}
a {
color: #8AB357;
color: #A68966;
}
a img {
@@ -38,7 +38,7 @@ a img {
/* Typography */
h1 {
color: #6A9337;
color: #2D322A;
font-size: 18px;
font-weight: bold;
margin-top: 0;
@@ -46,7 +46,7 @@ h1 {
}
h2 {
color: #6A9337;
color: #2D322A;
font-size: 16px;
font-weight: bold;
margin-top: 0;
@@ -54,7 +54,7 @@ h2 {
}
h3 {
color: #6A9337;
color: #2D322A;
font-size: 14px;
font-weight: bold;
margin-top: 0;
@@ -82,7 +82,7 @@ img {
-premailer-cellpadding: 0;
-premailer-cellspacing: 0;
-premailer-width: 100%;
background-color: #f8fafc;
background-color: #F4F1EA;
margin: 0;
padding: 0;
width: 100%;
@@ -100,7 +100,7 @@ img {
/* Header */
.header {
background-color: #8AB357;
background-color: #2D3624;
padding: 25px 0;
text-align: center;
}
@@ -128,9 +128,9 @@ img {
-premailer-cellpadding: 0;
-premailer-cellspacing: 0;
-premailer-width: 100%;
background-color: #f8fafc;
border-bottom: 1px solid #f8fafc;
border-top: 1px solid #f8fafc;
background-color: #F4F1EA;
border-bottom: 1px solid #F4F1EA;
border-top: 1px solid #F4F1EA;
margin: 0;
padding: 0;
width: 100%;
@@ -179,13 +179,13 @@ img {
}
.footer p {
color: #a1a1aa;
color: #2D322A;
font-size: 12px;
text-align: center;
}
.footer a {
color: #A5C87A;
color: #A68966;
text-decoration: underline;
}
@@ -200,14 +200,15 @@ img {
}
.table th {
background-color: #2D3624;
border-bottom: 1px solid #e4e4e7;
color: #8AB357;
color: #FFFFFF;
margin: 0;
padding-bottom: 8px;
}
.table td {
color: #52525b;
color: #2D322A;
font-size: 15px;
line-height: 18px;
margin: 0;
@@ -243,12 +244,12 @@ img {
.button-blue,
.button-primary {
background-color: #8AB357;
border-bottom: 8px solid #8AB357;
border-left: 18px solid #8AB357;
border-right: 18px solid #8AB357;
border-top: 8px solid #8AB357;
color: #E8E4DC;
background-color: #A68966;
border-bottom: 8px solid #A68966;
border-left: 18px solid #A68966;
border-right: 18px solid #A68966;
border-top: 8px solid #A68966;
color: #FFFFFF;
}
.button-green,
@@ -272,18 +273,18 @@ img {
/* Panels */
.panel {
border-left: #A5C87A solid 4px;
border-left: #C4A882 solid 4px;
margin: 21px 0;
}
.panel-content {
background-color: #fafafa;
color: #52525b;
color: #2D322A;
padding: 16px;
}
.panel-content p {
color: #52525b;
color: #2D322A;
}
.panel-item {