-
Notifications
You must be signed in to change notification settings - Fork 2
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
common popup component is created and styled #56
Conversation
the Roboto font family is used the background color is black and lighter Relates #36
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Wait for #55 to be merged and then use the common button from it
<div className="popup"> | ||
<img src={img} alt="food" className="popup-img" /> | ||
<p className="popup-text"> {message} </p> | ||
<button type="submit" className="popup-button"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Why you didn't use Button component
.popup{ | ||
position: absolute; | ||
text-align: center; | ||
width: 80%; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Suggestion
you can use vw vh
width: 80%; | |
width: 80vw; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
-_-
media query added for the larger screens to make the popup more responsive Relates #36
54f8b9d
add the buttons name props Relates #36
d417616
Relates #36