Update header.css #422
Update header.css #422
Conversation
|
@Samridha0305 is attempting to deploy a commit to the recode Team on Vercel. A member of the Team first needs to authorize it. |
|
Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. The estimated time for response is 5–8 hrs. In the meantime, please provide all necessary screenshots and make sure you run - npm build run , command and provide a screenshot, a video recording, or an image of the update you made below, which helps speed up the review and assignment. If you have questions, reach out to LinkedIn. Your contributions are highly appreciated!😊 Note: I maintain the repo issue every day twice at 8:00 AM IST and 9:00 PM IST. If your PR goes stale for more than one day, you can tag and comment on this same issue by tagging @sanjay-kv. We are here to help you on this journey of open source. Consistent 20 contributions are eligible for sponsorship 💰 🎁 check our list of amazing people we sponsored so far: GitHub Sponsorship. ✨ 📚Your perks for contribution to this community 👇🏻
If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊 |
|
@iitzIrFan @sanjay-kv please have a look in this.. |
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
|
the ui seems different from waht proposed. |
Yes sir i did changes because i thought this will look more professional...if you don't like it please tell me what should i change and i'll do that. |
There was a problem hiding this comment.
Pull Request Overview
This PR enhances the header section with animated pastel gradients and improved button styling. The changes implement theme-specific designs with smooth color transitions and modern visual effects.
Key changes:
- Added animated pastel gradient backgrounds for both light and dark themes
- Redesigned primary and secondary buttons with gradient effects and hover animations
- Enhanced typography with gradient text effects and improved visual hierarchy
Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.
| @keyframes smoothGradient { | ||
| 0% { background-position: 0% 50%; } | ||
| 50% { background-position: 100% 50%; } | ||
| 100% { background-position: 0% 50%; } | ||
| } |
There was a problem hiding this comment.
The keyframes pastelShift and smoothGradient are identical. Consider consolidating them into a single reusable animation to reduce code duplication.
| @keyframes smoothGradient { | |
| 0% { background-position: 0% 50%; } | |
| 50% { background-position: 100% 50%; } | |
| 100% { background-position: 0% 50%; } | |
| } |
Copilot uses AI. Check for mistakes.
| [data-theme='dark'] .chh__header-content h1 { | ||
| text-shadow: 0 0 6px rgba(150, 120, 255, 0.4), | ||
| 0 0 12px rgba(110, 200, 255, 0.25); | ||
| } |
There was a problem hiding this comment.
This rule duplicates the text-shadow property that's already defined in the same selector above (lines 158-159). The duplicate rule will override the previous one, making the earlier definition unused.
Copilot uses AI. Check for mistakes.
There was a problem hiding this comment.
@Samridha0305
There is a small glitch when, we switch the theme which causes UX experience. Also some changes of @sanjay-kv sir are pending do update and tag for review.
Thank you and will be happy to review your changes.
Can you please tell me in breif of what changes i have to make? |
|
@sanjay-kv sir take a look at this design and mention the required changes as per your requirements for @Samridha0305 to work on. |
lets revert to this one, wheb you do it make sure you pull the latest changes.
|
Description
Enhanced header section with smooth color-changing pastel background.
Styled primary & secondary buttons with gradient + glow effects.
Fully compatible with dark theme for consistent UI experience
Fixes #387
Type of Change
Screen Record
Screen.Recording.2025-08-23.010929.mp4
Checklist
npm run buildand attached scrrenshot in this PR.