Skip to content

Commit 9c23880

Browse files
SebConejoclaude
andauthored
fix: remove forced width on email logo to prevent stretching (#1582)
The logo in emails was stretched because width="140" forced it wider than its natural ~120px width. Removing the width attribute lets the image scale naturally based on height="32". https://claude.ai/code/session_01NpmdLcjPdS2zQ23CWMxQSC Co-authored-by: Claude <noreply@anthropic.com>
1 parent 4dda346 commit 9c23880

File tree

4 files changed

+4
-4
lines changed

4 files changed

+4
-4
lines changed

packages/backend/src/notifications/emails/reset-password.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@ export function ResetPasswordEmail(props: ResetPasswordEmailProps) {
3030
<Container style={container}>
3131
{/* Logo */}
3232
<Section style={logoSection}>
33-
<Img src={logoUrl} alt="Manifest" width="140" height="32" style={logoImg} />
33+
<Img src={logoUrl} alt="Manifest" height="32" style={logoImg} />
3434
</Section>
3535

3636
{/* Main content */}

packages/backend/src/notifications/emails/test-email.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ export function TestEmail(props: TestEmailProps = {}) {
2626
<Container style={container}>
2727
{/* Logo */}
2828
<Section style={logoSection}>
29-
<Img src={logoUrl} alt="Manifest" width="140" height="32" style={logoImg} />
29+
<Img src={logoUrl} alt="Manifest" height="32" style={logoImg} />
3030
</Section>
3131

3232
{/* Main content */}

packages/backend/src/notifications/emails/threshold-alert.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -77,7 +77,7 @@ export function ThresholdAlertEmail(props: ThresholdAlertProps) {
7777
<Container style={container}>
7878
{/* Logo */}
7979
<Section style={logoSection}>
80-
<Img src={logoUrl} alt="Manifest" width="140" height="32" style={logoImg} />
80+
<Img src={logoUrl} alt="Manifest" height="32" style={logoImg} />
8181
</Section>
8282

8383
{/* Main content */}

packages/backend/src/notifications/emails/verify-email.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ export function VerifyEmailEmail(props: VerifyEmailProps) {
3434
<Container style={container}>
3535
{/* Logo */}
3636
<Section style={logoSection}>
37-
<Img src={logoUrl} alt="Manifest" width="140" height="32" style={logoImg} />
37+
<Img src={logoUrl} alt="Manifest" height="32" style={logoImg} />
3838
</Section>
3939

4040
{/* Main content */}

0 commit comments

Comments
 (0)