feat: improve hover effect in dark mode

[niklhut]

Summary by CodeRabbit

• Style
  • Updated the hover shadow effect on book cards for a refined visual appearance.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

Warning

Rate limit exceeded

@niklhut has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 8 minutes and 48 seconds before requesting another review.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

📥 Commits

Reviewing files that changed from the base of the PR and between 83cdee4 and 4f76629.

📒 Files selected for processing (1)

• app/components/BookCard.vue

📝 Walkthrough

Walkthrough

A styling update to the BookCard component that adjusts the dark mode hover shadow color from a darker neutral tone to a lighter one, affecting only the visual presentation of the card's hover state.

Changes

Cohort / File(s)	Summary
Styling Updates app/components/BookCard.vue	Dark mode hover shadow color changed from shadow-neutral-500/20 to shadow-neutral-200/20 on UCard component

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Poem

A shadow shifts from dark to light,
The card now hovers soft and bright,
A touch of gray, a subtle gleam—
The BookCard wears its gentler scheme! 📚✨

🚥 Pre-merge checks | ✅ 3

✅ 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 main change: a visual improvement to the hover effect styling in dark mode by adjusting the shadow color.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

---

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

[coderabbitai]

Actionable comments posted: 0

Caution

Some comments are outside the diff and can’t be posted inline due to platform limitations.

⚠️ Outside diff range comments (1)

app/components/BookCard.vue (1)

92-97: Consider applying the same dark mode hover shadow for consistency.

The non-selectable card now has dark:hover:shadow-neutral-200/20, but the selectable card's hover state (line 96) doesn't include this dark mode treatment. For a consistent hover experience across both modes, consider updating the selectable card as well.

💡 Suggested change

       :class="{
         'ring-2 ring-primary shadow-lg': selected,
-        'hover:shadow-lg': !selected
+        'hover:shadow-lg dark:hover:shadow-neutral-200/20': !selected
       }"

📜 Review details

Configuration used: Organization UI

Review profile: ASSERTIVE

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 5bfdf22 and 83cdee4.

📒 Files selected for processing (1)

• app/components/BookCard.vue

🔇 Additional comments (1)

app/components/BookCard.vue (1)

48-48: LGTM! Good improvement for dark mode visibility.

Using shadow-neutral-200/20 instead of a darker neutral provides better contrast against the dark background, making the hover effect more noticeable.

_{✏️ Tip: You can disable this entire section by setting review_details to false in your review settings.}