bitwarden/server
1
0
Fork 0
mirror of https://github.com/bitwarden/server synced 2026-02-08 20:50:13 +00:00
Code Issues Releases Wiki Activity

[PM-30610] Move styling into AC MJML component

Browse Source
This commit is contained in:
Jimmy Vo
2026-02-03 14:39:49 -05:00
parent 598d7087d2
commit 723c5971df
2 changed files with 58 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/Core/MailTemplates/Mjml/components/admin-console-head.mjml Normal file
View File

@@ -0,0 +1,56 @@
<mj-font
name="Inter"
href="https://fonts.googleapgis.com/css2?family=Inter:wght@400;600;700&display=swap">
</mj-font>
<mj-font
name="Roboto"
href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap">
</mj-font>
<mj-attributes>
<mj-all
font-family="'Inter','Helvetica Neue',Helvetica,Arial,sans-serif" />
<mj-class
name="ac-text"
font-size="16px"
font-weight="400"
line-height="24px"
/>
<mj-class
name="ac-heading"
font-size="20px"
font-weight="700"
line-height="30px"
/>
<mj-class
name="ac-hero-text"
font-size="20px"
font-weight="400"
line-height="30px"
align="left"
color="#ffffff"
/>
<mj-class
name="ac-button"
background-color="#ffffff"
color="#1A41AC"
border-radius="9999px"
align="left"
inner-padding="12px 24px"
font-size="16px"
font-weight="700"
line-height="24px"
/>
</mj-attributes>
<mj-style>
.ac-link {
text-decoration: none;
color: #175ddc;
font-weight: 700;
}
@media only screen and (max-width: 480px) {
.hide-mobile { display: none !important; }
}
</mj-style>

58
src/Core/MailTemplates/Mjml/emails/AdminConsole/OrganizationConfirmation/organization-confirmation-family-free-v2.mjml
View File

@@ -3,62 +3,8 @@
<!-- Include shared head styles -->
<mj-include path="../../../components/head.mjml" />
<mj-font
name="Inter"
href="https://fonts.googleapgis.com/css2?family=Inter:wght@400;600;700&display=swap">
</mj-font>
<mj-font
name="Roboto"
href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap">
</mj-font>
<mj-attributes>
<mj-all
font-family="'Inter','Helvetica Neue',Helvetica,Arial,sans-serif" />
<mj-class
name="ac-text"
font-size="16px"
font-weight="400"
line-height="24px"
/>
<mj-class
name="ac-heading"
font-size="20px"
font-weight="700"
line-height="30px"
/>
<mj-class
name="ac-hero-text"
font-size="20px"
font-weight="400"
line-height="30px"
align="left"
color="#ffffff"
/>
<mj-class
name="ac-button"
background-color="#ffffff"
color="#1A41AC"
border-radius="9999px"
align="left"
inner-padding="12px 24px"
font-size="16px"
font-weight="700"
line-height="24px"
/>
</mj-attributes>
<mj-style>
.ac-link {
text-decoration: none;
color: #175ddc;
font-weight: 700;
}
@media only screen and (max-width: 480px) {
.hide-mobile { display: none !important; }
}
</mj-style>
<!-- Include admin console shared styles -->
<mj-include path="../../../components/admin-console-head.mjml" />
</mj-head>
<mj-body>