[Bug]: Minor styling issues - Githubissues

danny-avila / LibreChat

Enhanced ChatGPT Clone: Features Anthropic, AWS, OpenAI, Assistants API, Azure, Groq, o1, GPT-4o, Mistral, OpenRouter, Vertex AI, Gemini, Artifacts, AI model switching, message search, langchain, DALL-E-3, ChatGPT Plugins, OpenAI Functions, Secure Multi-User System, Presets, completely open-source for self-hosting. Actively in public development.

https://librechat.ai/

MIT License

17.62k stars 2.92k forks source link

[Bug]: Minor styling issues #4126

Open 5E-324 opened 7 hours ago

5E-324 commented 7 hours ago

What happened?

Chat page:

Some tooltips have transparent background.
Some margin is missing in bookmarks popup. (Note: this would be fine if no adjacent elements are highlighted at the same time, but here multiple bookmarks may be selected simultaneously)
Indicator of multi-conversation has inconsistent rounding.
On right sidebar, if a section is expanded, the corresponding icon will have wrong color when the sidebar is contracted

Settings:

Toggle switches are slightly off center and are misaligned with text.
In speech tab, some margin is missing.

Steps to Reproduce

Install with docker, open in browser.

What browsers are you seeing the problem on?

Firefox, Chrome

Relevant log output

No response

Screenshots

Tooltips with transparent background:

tooltip1

tooltip2

tooltip3

Bookmark popup:

bookmarks1

bookmarks2

Inconsistent rounding:

rounding

Right sidebar: No section expanded:

sidebar1a

sidebar1b

Prompts expanded (same for other sections):

sidebar2a

sidebar2b

Misaligned toggle switches:

toggle1

This also exist in other tabs. Some are less obvious:

toggle2

Missing margin:

margin

Code of Conduct

[X] I agree to follow this project's Code of Conduct

KiGamji commented 5 hours ago

the New Chat button is also missing on mobile version, leaving a span after where it should be