-
-
Notifications
You must be signed in to change notification settings - Fork 133
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
ui(web): Various tweaks for input fields in preview modal #165
Conversation
β¦erflow issues on select dropdown ui(web): Fixed issue with rounded corners on tag input field in preview modal ui(web): Adjusted styles for labels and fields in preview modal for visual consistency
@lilacpixel is attempting to deploy a commit to the Mohamed Bassem's projects Team on Vercel. A member of the Team first needs to authorize it. |
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.
As usual, thank you! Love the attention to the small details!
container: (styles) => ({ | ||
...styles, | ||
width: "100%", | ||
}), | ||
control: (styles) => ({ | ||
...styles, | ||
overflow: "hidden", | ||
backgroundColor: "hsl(var(--background))", | ||
borderColor: "hsl(var(--border))", | ||
":hover": { | ||
borderColor: "hsl(var(--border))", | ||
}, | ||
}), | ||
input: (styles) => ({ | ||
...styles, | ||
color: "rgb(156 163 175)", | ||
}), | ||
menu: (styles) => ({ | ||
...styles, | ||
overflow: "hidden", | ||
color: "rgb(156 163 175)", | ||
}), | ||
placeholder: (styles) => ({ | ||
...styles, | ||
color: "hsl(var(--muted-foreground))", | ||
}), |
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.
One day, I'll get rid of this ugly react-select
component and all the hacks I did to make look like the rest of our components :D
Another fresh batch of styles from me today! π§βπ³