fixes typo in the component Card

[SilencerWeb]

Summary by CodeRabbit

• Style
  • Refined the Card component’s hover appearance by correcting the hover shadow effect for visual consistency.
  • Aligns the hover state with the design system for a cleaner, less distracting look.
  • No changes to interactions, configuration, or supported properties; behavior remains the same aside from the updated hover style.

[vercel]

@SilencerWeb is attempting to deploy a commit to the Retro UI Team on Vercel.

A member of the Team first needs to authorize it.

[coderabbitai]

Walkthrough

A single UI styling fix in components/retroui/Card.tsx updates a hover shadow utility class from a typo to the correct value. No props, exports, or logic were changed.

Changes

Cohort / File(s)	Summary
UI hover style correction components/retroui/Card.tsx	Fixed hover shadow class: hover:shadow-nonw → hover:shadow-none. No API or control-flow changes.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Poem

I nudge a shadow, soft and clean,
A card now hovers, crisp and keen.
From “nonw” to “none,” a tidy tune—
My whiskers twitch at such a boon.
Hop, hop—small fix, bright UI moon.

Pre-merge checks and finishing touches

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title Check	✅ Passed	The title accurately describes the core change by indicating that the PR corrects a typo in the Card component, which aligns directly with the visual fix applied to the hover shadow class. It is concise, clear, and focuses on the primary update without unnecessary detail.
Docstring Coverage	✅ Passed	No functions found in the changes. Docstring coverage check skipped.

✨ Finishing touches

• 📝 Generate Docstrings

🧪 Generate unit tests

• Create PR with unit tests
• Post copyable unit tests in a comment

Tip

👮 Agentic pre-merge checks are now available in preview!

Pro plan users can now enable pre-merge checks in their settings to enforce checklists before merging PRs.

• Built-in checks – Quickly apply ready-made checks to enforce title conventions, require pull request descriptions that follow templates, validate linked issues for compliance, and more.
• Custom agentic checks – Define your own rules using CodeRabbit’s advanced agentic capabilities to enforce organization-specific policies and workflows. For example, you can instruct CodeRabbit’s agent to verify that API documentation is updated whenever API schema files are modified in a PR. Note: Upto 5 custom checks are currently allowed during the preview period. Pricing for this feature will be announced in a few weeks.

Please see the documentation for more information.

Example:

reviews:
  pre_merge_checks:
    custom_checks:
      - name: "Undocumented Breaking Changes"
        mode: "warning"
        instructions: |
          Pass/fail criteria: All breaking changes to public APIs, CLI flags, environment variables, configuration keys, database schemas, or HTTP/GraphQL endpoints must be documented in the "Breaking Change" section of the PR description and in CHANGELOG.md. Exclude purely internal or private changes (e.g., code not exported from package entry points or explicitly marked as internal).

Please share your feedback with us on this Discord post.

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[coderabbitai]

Actionable comments posted: 0

🧹 Nitpick comments (2)

components/retroui/Card.tsx (2)

13-13: Scope the transition to just the shadow (optional)

To avoid animating unrelated properties, consider transition-shadow instead of transition-all if supported in your Tailwind setup.

- "inline-block border-2 rounded shadow-md transition-all hover:shadow-none bg-card",
+ "inline-block border-2 rounded shadow-md transition-shadow hover:shadow-none bg-card",

---

5-7: Redundant className in ICardProps

HTMLAttributes<HTMLDivElement> already includes className?. You can drop the redeclaration.

-interface ICardProps extends HTMLAttributes<HTMLDivElement> {
-  className?: string;
-}
+interface ICardProps extends HTMLAttributes<HTMLDivElement> {}

📜 Review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 684ad89 and a961a50.

📒 Files selected for processing (1)

• components/retroui/Card.tsx (1 hunks)

🔇 Additional comments (1)

components/retroui/Card.tsx (1)

13-13: Typo fix LGTM

Correcting to hover:shadow-none restores the intended hover behavior. Thanks for the quick fix.