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

Add a border color and shadow to the input text box for better visibility #63

Open
dvnahuel opened this issue Dec 17, 2024 · 0 comments

Comments

@dvnahuel
Copy link

dvnahuel commented Dec 17, 2024

The input text box for typing a message to sign currently blends into the background, making it difficult to identify. Adding a border color will help improve visibility and user experience.

As a user, I want the input text box to have a clear background color, So that I can easily locate it and identify where to type my message.

  1. The input text box has a border color border: 1px solid var(--color-grayscale-neutral-30056, rgba(212, 212, 216, 0.56));
  2. A subtle box shadow is applied to give the FAQ items depth box-shadow: 0px 1px 2px 0px rgba(10, 10, 10, 0.04);

Figma: Link

Current implementation:
Image

Proposal:
Image

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

No branches or pull requests

1 participant