Skip to content

Enhanced UI - Dynamic Shadows & Fluid Animations#53

Open
pp923014 wants to merge 2 commits intokoolkishan:masterfrom
pp923014:master
Open

Enhanced UI - Dynamic Shadows & Fluid Animations#53
pp923014 wants to merge 2 commits intokoolkishan:masterfrom
pp923014:master

Conversation

@pp923014
Copy link

@pp923014 pp923014 commented May 11, 2025

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

1. Welcome Screen:

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

2. Chat Container:

  1. Modern message bubbles with better spacing
  2. Custom scrollbar styling
  3. Improved header with user status
  4. Better responsive design

Files Changed:

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

Steps to Test:

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

Screenshots:

  • Screenshot 2025-05-11 155015
  • Screenshot 2025-05-11 155038

priyanshu Kumar Pandey and others added 2 commits May 11, 2025 15:49
Copy link

@codeCraft-Ritik codeCraft-Ritik left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Well structured code, especially the separation of concerns

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

Successfully merging this pull request may close these issues.

2 participants