[UI/UX]: Incorrect focus border style on input field in embedded setup

Mintplex-Labs / anything-llm

The all-in-one Desktop & Docker AI application with built-in RAG, AI agents, and more.

https://anythingllm.com

MIT License

27.63k stars 2.79k forks source link

[UI/UX]: Incorrect focus border style on input field in embedded setup #2544

Closed danvincent11 closed 3 weeks ago

danvincent11 commented 4 weeks ago

How are you running AnythingLLM?

Local development

What happened?

When the input field is focused in the embedded setup, a blue border appears around it. However, this border styling does not align with the expected design of the input field. It seems out of place and may appear inconsistent with other UI elements.

Are there known steps to reproduce?

No response

shatfield4 commented 3 weeks ago

@danvincent11 What browser/device are you viewing this on where it has the blue border around it? I cannot replicate this on my machine.

Also are you running the most up to date version of AnythingLLM?

timothycarambat commented 3 weeks ago

FWIW: We already outline-none on active and focus for the embed, this very well may be browser behavior https://github.com/Mintplex-Labs/anythingllm-embed/blame/6bd51d251ff1b204d7d88cdda0061df00676386e/src/components/ChatWindow/ChatContainer/PromptInput/index.jsx#L73