1
0
mirror of https://github.com/bitwarden/server synced 2026-02-13 23:13:22 +00:00

[PM-30610] Address feedback by modifying shared components

This commit is contained in:
Jimmy Vo
2026-02-12 16:25:40 -05:00
parent b77f04d4df
commit c1fce47110
4 changed files with 12 additions and 17 deletions

View File

@@ -36,8 +36,9 @@ class MjBwHero extends BodyComponent {
color="#1A41AC"
border-radius="20px"
align="left"
inner-padding="12px 24px"
>
${this.getAttribute("button-text")}
${this.getAttribute("button-text")}
</mj-button
>` : "";
const subTitleElement = this.getAttribute("sub-title") ?
@@ -62,7 +63,7 @@ class MjBwHero extends BodyComponent {
height="30px"
></mj-image>
<mj-text color="#fff" padding-top="0" padding-bottom="0">
<h1 style="font-weight: 500; font-size: 24px; line-height: 32px">
<h1 style="font-weight: 400; font-size: 24px; line-height: 32px">
${this.getAttribute("title")}
</h1>
` +
@@ -77,7 +78,8 @@ class MjBwHero extends BodyComponent {
src="${this.getAttribute("img-src")}"
alt=""
width="155px"
padding="0px"
padding="0px 20px 0px 0px"
align="right"
css-class="mj-bw-hero-responsive-img"
/>
</mj-column>

View File

@@ -66,16 +66,9 @@ class MjBwIconRow extends BodyComponent {
const footAnchorElement =
this.getAttribute("foot-url-text") && this.getAttribute("foot-url")
? `<mj-text css-class="mj-bw-icon-row-text" padding="5px 10px 0px 10px" ${BODY_TEXT_STYLES}>
? `<mj-text css-class="mj-bw-icon-row-text" padding="0px" ${BODY_TEXT_STYLES}>
<a href="${this.getAttribute("foot-url")}" class="link">
${this.getAttribute("foot-url-text")}
<span style="text-decoration: none">
<img src="https://assets.bitwarden.com/email/v1/bwi-external-link-16px.png"
alt="External Link Icon"
width="16px"
style="vertical-align: middle;"
/>
</span>
</a>
</mj-text>`
: "";

View File

@@ -10,7 +10,7 @@
<!-- Blue Header Section -->
<mj-wrapper css-class="border-fix" padding="20px 20px 10px 20px">
<mj-bw-hero
title="You can now share passwords with members of {{OrganizationName}}!"
title="You can now share passwords with members of <b>{{OrganizationName}}!</b>"
img-src="https://assets.bitwarden.com/email/v1/ac-spot-enterprise.png"
button-text="Log in"
button-url="{{WebVaultUrl}}"

View File

@@ -11,7 +11,7 @@
<!-- Blue Header Section -->
<mj-wrapper css-class="border-fix" padding="20px 20px 10px 20px">
<mj-bw-hero
title="You can now share passwords with members of {{OrganizationName}}!"
title="You can now share passwords with members of <b>{{OrganizationName}}!</b>"
img-src="https://assets.bitwarden.com/email/v1/ac-spot-family.png"
button-text="Log in"
button-url="{{WebVaultUrl}}">
@@ -43,11 +43,11 @@
<!-- Download Mobile Apps Section -->
<mj-wrapper padding="8px 20px 10px 20px">
<mj-section background-color="#fff" padding="32px 32px 0px 32px">
<mj-section background-color="#fff" padding="32px 10px 0px 25px">
<mj-column>
<mj-text
font-size="16px"
font-weight="700"
font-size="18px"
font-weight="500"
line-height="24px"
padding="0 0 16px 0">
Download Bitwarden on all devices
@@ -65,7 +65,7 @@
</mj-column>
</mj-section>
<mj-section background-color="#fff" padding="0 32px 32px 32px">
<mj-section background-color="#fff" padding="0 10px 32px 25px">
<mj-group>
<mj-column width="159px">
<mj-image