made ui changes

[GAGANRAGHAV]

Description

made ui changes.

1. background changed
2. cards hover
3. navbar button
4. hover

Fixes # 27

Type of change

ui/ux

screenshot---

before--

after--

https://www.loom.com/share/bb290e57bb5042ea9b9d5a07a84fd44b

Checklist:

• [ x] My code follows the style guidelines of this project
• [ x] I have performed a self-review of my own code
• [ x] I have commented my code, particularly in hard-to-understand areas
• [ x] I have made corresponding changes to the documentation
• [x ] My changes generate no new warnings
• [x ] I have added tests that prove my fix is effective or that my feature works
• [x ] New and existing unit tests pass locally with my changes
• [x ] Any dependent changes have been merged and published in downstream modules

Summary by CodeRabbit

• Style Updates
  • Enhanced StyledCard component with new background color, shadow, and margin adjustments for a refreshed look.
  • Removed the shadow effect from StyledButton on hover for a cleaner design.
  • Implemented new Roboto font for improved text readability across various components.
  • Updated Home component with additional button elements and refined styling for better user interaction.
  • Revamped global background styles with updated gradients and solid color for a modern aesthetic.

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
testcase-generator	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 21, 2023 5:03pm

[coderabbitai[bot]]

Walkthrough

The project has undergone a visual refresh, with updates to the styling of components and the overall background. The StyledCard component in particular has received a new look with changes to its background, shadow, and margin. The CSS classes related to buttons and cards have been significantly revised, suggesting an enhanced user interface. The global background now features a new color scheme, shifting from a gradient to a solid color and introducing a new gradient pattern.

Changes

File(s)	Change Summary
components/style/index.js, pages/footer.js, pages/index.js	Updated styles for components and added Roboto font import.
styles/Home.module.css	Overhauled styles for .button, .buttontop, .btn:hover, .card, and .card2.
styles/globals.css	Modified background styling from linear gradient to solid color and added a new gradient.

🐰✨ To the cards and buttons, a brand-new dress, A splash of color, no more, no less. From gradients to solids, the backdrop shifts, A rabbit hops through the code, so swift. 🎨🖌️

Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on X ?

---

Tips

### Chat with CodeRabbit Bot (`@coderabbitai`) - You can reply to a review comment made by CodeRabbit. - You can tag CodeRabbit on specific lines of code or files in the PR by tagging `@coderabbitai` in a comment. - You can tag `@coderabbitai` in a PR comment and ask one-off questions about the PR and the codebase. Use quoted replies to pass the context for follow-up questions. ### CodeRabbit Commands (invoked as PR comments) - `@coderabbitai pause` to pause the reviews on a PR. - `@coderabbitai resume` to resume the paused reviews. - `@coderabbitai review` to trigger a review. This is useful when automatic reviews are disabled for the repository. - `@coderabbitai resolve` resolve all the CodeRabbit review comments. - `@coderabbitai help` to get help. Additionally, you can add `@coderabbitai ignore` anywhere in the PR description to prevent this PR from being reviewed. ### CodeRabbit Configration File (`.coderabbit.yaml`) - You can programmatically configure CodeRabbit by adding a `.coderabbit.yaml` file to the root of your repository. - The JSON schema for the configuration file is available [here](https://coderabbit.ai/integrations/coderabbit-overrides.v2.json). - If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: `# yaml-language-server: $schema=https://coderabbit.ai/integrations/coderabbit-overrides.v2.json`

[gitstream-cm[bot]]

This PR is missing a Jira ticket reference in the title or description. Please add a Jira ticket reference to the title or description of this PR.

[ank1traj]

Please remove the package-lock.json file

[GAGANRAGHAV]

removed the packagelock.json file from commits

[ank1traj]

Please have a look on the review comments too.

[GAGANRAGHAV]

please explain can't understand ...a lot said by the bot

[ank1traj]

Remove extra spaces and blank line.

[ghost]

👇 Click on the image for a new way to code review

#### [](https://app.codesee.io/r/reviews?pr=28&src=https%3A%2F%2Fgithub.com%2FWebSorcery%2Ftestcase-generator) #### Legend

[GAGANRAGHAV]

done sir

[ank1traj]

Nice work, just want to know one thing. Can't we remove the overflow?

[GAGANRAGHAV]

Yes sir we can , but can you please be specific what kind of overflow have you encountered

[ank1traj]

Yes sir we can , but can you please be specific what kind of overflow have you encountered

@GAGANRAGHAV Overflow in y-axis

[GAGANRAGHAV]

sir are you saying to make the full webpage visible without scrol ?

[GAGANRAGHAV]

sir i have made some changes please check.

[ank1traj]

Nice work. Still need improvements in UI/UX but it was good work. Thanks for contributing.

[ank1traj]

Reverting this PR @GAGANRAGHAV as UI/UX is not looking good in mac. Please work on it.

[GAGANRAGHAV]

Sir please suggest some as i don't have mac .