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

feat(dashboard): signup and login page design update #7070

Merged
merged 13 commits into from
Nov 24, 2024
Merged

Conversation

scopsy
Copy link
Contributor

@scopsy scopsy commented Nov 19, 2024

What changed? Why was the change needed?

  • Updated design for sign in and sign up pages
  • Data Residency region picker
  • Updated Auth Layout

Screenshots

CleanShot 2024-11-20 at 11 47 40@2x
CleanShot 2024-11-20 at 11 47 54@2x
CleanShot 2024-11-20 at 11 48 02@2x

Expand for optional sections

Related enterprise PR

Special notes for your reviewer

Copy link

netlify bot commented Nov 19, 2024

Deploy Preview for novu-stg-vite-dashboard-poc ready!

Name Link
🔨 Latest commit d00fa97
🔍 Latest deploy log https://app.netlify.com/sites/novu-stg-vite-dashboard-poc/deploys/6742e08fe83ec700088a746d
😎 Deploy Preview https://deploy-preview-7070--novu-stg-vite-dashboard-poc.netlify.app
📱 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.

return (
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 17 16" fill="none" {...props}>
<path
d="M6.50004 7.99999L7.83337 9.33333L10.5 6.66666M15.1667 7.99999C15.1667 11.6819 12.1819 14.6667 8.50004 14.6667C4.81814 14.6667 1.83337 11.6819 1.83337 7.99999C1.83337 4.3181 4.81814 1.33333 8.50004 1.33333C12.1819 1.33333 15.1667 4.3181 15.1667 7.99999Z"
stroke="#1FC16B"
stroke={props.color ?? '#1FC16B'}
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Added the abilty to update the color from the default green

Copy link
Contributor

Choose a reason for hiding this comment

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

Variant styles should be applied via Tailwind classes on the className prop only, not via new props. So you can simply pass something like: <CircleCheck className="stroke-accent" />, or replace accent with an override using stroke-[red] or whichever color is necessary.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

@rifont issue is that I need this to be applied to the specific path element which is a child of the SVG parent. Will check if I can somehow convert it to use nesting.

@scopsy scopsy requested a review from rifont November 21, 2024 08:17
@scopsy scopsy changed the title feat(dashboard): signup and login page design update - DRAFT feat(dashboard): signup and login page design update Nov 21, 2024
Copy link
Contributor

@djabarovgeorge djabarovgeorge left a comment

Choose a reason for hiding this comment

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

🚀

@scopsy scopsy merged commit 2ee186a into next Nov 24, 2024
32 checks passed
@scopsy scopsy deleted the new-signup-page branch November 24, 2024 08:44
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants