chore: improve email preview ui

This commit is contained in:
Chris Anderson 2025-07-01 18:52:59 -05:00
parent 355f8f033e
commit 1cb7a72679
2 changed files with 17 additions and 4 deletions

View file

@ -28,8 +28,9 @@
}
.email-frame-header {
background: var(--color-white);
color: var(--color-black);
background: var(--color-background);
color: var(--color-primary);
border-bottom: 1px solid var(--color-grey);
padding: 20px;
}
@ -175,6 +176,18 @@
transform-origin: top left;
}
.preview.small .email-frame .email-frame-header {
padding: 10px 15px;
}
.preview.small .email-frame .email-frame-header * {
width: 125%;
height: 125%;
transform: scale(0.8);
transform-origin: top left;
margin-bottom: -5px;
}
.preview.small .phone-frame,
.preview.small .text-frame {
margin: 0;

View file

@ -61,8 +61,8 @@
--color-on-primary: var(--color-black);
--color-on-background: var(--color-white);
--color-shadow: var(--color-grey);
--color-shadow-soft: var(--color-grey-soft);
--color-shadow: var(--color-grey-soft);
--color-shadow-soft: var(--color-black);
--color-purple-soft: #4e0c77;
--color-purple-hard: #d1a7ea;