Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(dashboard): Apply UI fixes to email and in-app editor #7278

Merged
merged 1 commit into from
Dec 12, 2024

Conversation

SokratisVidros
Copy link
Contributor

What changed? Why was the change needed?

See preview deployment

Copy link

netlify bot commented Dec 11, 2024

Deploy Preview for dev-web-novu ready!

Name Link
🔨 Latest commit 7168895
🔍 Latest deploy log https://app.netlify.com/sites/dev-web-novu/deploys/6759c0d2dbef930008932898
😎 Deploy Preview https://deploy-preview-7278.dashboard.novu-staging.co
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link

netlify bot commented Dec 11, 2024

Deploy Preview for dashboard-v2-novu-staging ready!

Name Link
🔨 Latest commit 7168895
🔍 Latest deploy log https://app.netlify.com/sites/dashboard-v2-novu-staging/deploys/6759c0d231ccd000081361a1
😎 Deploy Preview https://deploy-preview-7278.dashboard-v2.novu-staging.co
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@@ -29,7 +29,7 @@ export const InAppPreview = (props: InAppPreviewProps) => {
return (
<div
className={cn(
'border-foreground-200 to-background/90 pointer-events-none relative mx-auto flex h-full w-full flex-col gap-4 rounded-xl px-2 py-3 shadow-sm',
'border-foreground-200 to-background/90 pointer-events-none relative mx-auto flex h-full w-full flex-col gap-4 rounded-xl px-4 py-3 shadow-sm',
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Fix alignment issues between the body and the preview header. Padding and margin should always be on the layout level, not on each component of the preview.

<EmailTabsEditSection>
<CustomStepControls dataSchema={dataSchema} origin={workflow.origin} />
</EmailTabsEditSection>
{workflow.origin === WorkflowOriginEnum.NOVU_CLOUD && (
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Show sections based on workflow type avoiding redundant empty divs or the dangling Email Acme header

@SokratisVidros SokratisVidros merged commit b4b3db9 into next Dec 12, 2024
36 checks passed
@SokratisVidros SokratisVidros deleted the crate_of_ui_fixes_1 branch December 12, 2024 05:12
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants