Enhanced UI - Dynamic Shadows & Fluid Animations #53

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.

Sign up for GitHub

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

Jump to bottom

Open

pp923014 wants to merge 2 commits into koolkishan:master from pp923014:master

pp923014 commented May 11, 2025 •

edited

Loading

This PR introduces a comprehensive UI upgrade to improve user experience while maintaining all existing functionality. Key improvements include:

1. Welcome Screen:

Added glass-morphism effect with beautiful shadows
Enhanced robot animation with hover effects
Improved typography and text shadows
Gradient background for depth

2. Chat Container:

Modern message bubbles with better spacing
Custom scrollbar styling
Improved header with user status
Better responsive design

Files Changed:

src/components/Welcome.js (updated)
src/components/ChatContainer.js (updated)

Steps to Test:

Login and verify the new welcome screen animations
Check chat message bubbles in different screen sizes
Verify hover effects on interactive elements
Test scroll behavior in chat window

Screenshots:

priyanshu Kumar Pandey and others added 2 commits

May 11, 2025 15:49


          priyanshu 🍉

e27e391


          Update README.md

1a01f9f

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet