responsive
This commit is contained in:
@@ -351,3 +351,40 @@ textarea::placeholder {
|
||||
strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* استایلهای ریسپانسیو برای محتوای ایمیل */
|
||||
.email-content-container {
|
||||
max-width: 100%;
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
.email-content-container table {
|
||||
width: 100% !important;
|
||||
border-collapse: collapse;
|
||||
table-layout: auto;
|
||||
}
|
||||
|
||||
.email-content-container td,
|
||||
.email-content-container th {
|
||||
word-wrap: break-word !important;
|
||||
overflow-wrap: break-word !important;
|
||||
padding: 8px !important;
|
||||
font-size: inherit !important;
|
||||
}
|
||||
|
||||
/* در حالت موبایل */
|
||||
@media (max-width: 768px) {
|
||||
.email-content-container table {
|
||||
min-width: 100%;
|
||||
font-size: 12px !important;
|
||||
}
|
||||
|
||||
.email-content-container td,
|
||||
.email-content-container th {
|
||||
max-width: 120px !important;
|
||||
padding: 4px !important;
|
||||
font-size: 12px !important;
|
||||
line-height: 1.4;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user