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:
@@ -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>
|
||||
|
||||
@@ -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>`
|
||||
: "";
|
||||
|
||||
@@ -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}}"
|
||||
|
||||
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user