IT4Change/gradido
3
0
Fork 0
mirror of https://github.com/IT4Change/gradido.git synced 2025-12-13 07:45:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

update email template css

Browse Source
This commit is contained in:
mahula 2023-05-12 15:57:38 +02:00
parent 9e04c1bc4b
commit 0c7a78ace5
1 changed files with 459 additions and 459 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
backend/src/emails/templates/includes/webflow.css
View File

@ -17,19 +17,27 @@
margin-top: 40px; margin-top: 40px;
} }
.datum { .header {
position: relative; height: 100px;
margin-top: 25px; margin-left: auto;
font-family: 'Work Sans', sans-serif; margin-right: auto;
color: #383838; margin-bottom: 60px;
font-size: 16px; max-width: 680px;
line-height: 19px;
font-weight: 600;
text-align: right;
} }
.logo-head { .head-logo {
position: absolute; position: absolute;
width: 130px;
margin-top: 36px;
max-width: 33%;
}
.head-image {
position: absolute;
/* top: -11px; */
left: 40%;
width: 400 px;
max-width: 64%;
} }
.wrapper_head { .wrapper_head {
@ -137,7 +145,7 @@
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
} }
.button-2 { .button-2 { /* TODO remove unnecessary */
padding-left: 40px; padding-left: 40px;
} }
@ -198,11 +206,13 @@
.footer_02 { .footer_02 {
display: inline; display: inline;
align-self: auto;
max-width: 600px; max-width: 600px;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
text-align: center; text-align: center;
padding-bottom: 20;
} }
.footer_p1 { .footer_p1 {
@ -296,7 +306,7 @@
} }
.content { .content {
max-height: 520px; /* max-height: 520px; */
max-width: 540px; max-width: 540px;
margin-top: 40px; margin-top: 40px;
border-radius: 24px; border-radius: 24px;
@ -341,11 +351,7 @@
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.datum { .head-logo {
margin-right: 30px;
}
.logo-head {
margin-left: 30px; margin-left: 30px;
} }
@ -383,13 +389,7 @@
} }
@media screen and (max-width: 479px) { @media screen and (max-width: 479px) {
.datum { .head-logo {
margin-top: 15px;
margin-right: 20px;
font-size: 14px;
}
.logo-head {
width: 40%; width: 40%;
max-width: 40%; max-width: 40%;
margin-left: 20px; margin-left: 20px;