Adding vibe hover effect

This commit is contained in:
2026-07-18 16:23:21 -04:00
parent 74f065e0f5
commit 4ce33bdb36
17 changed files with 550 additions and 308 deletions
+6 -2
View File
@@ -1,4 +1,6 @@
@namespace Shared.Components
@namespace Shared.Components
@inject Shared.Services.CardPreviewService PreviewService
<div class="deck-card-row">
@foreach (var group in Cards.GroupBy(x => x))
@@ -7,7 +9,9 @@
var count = group.Count();
var card = LookupCard(cardName);
<button class="mini-card-btn @(count > 1 ? "is-stacked" : "")"
@onclick="() => SelectCard(card)">
@onclick="() => SelectCard(card)"
@onmouseenter="@(e => PreviewService.Show(card, e.ClientX, e.ClientY))"
@onmouseleave="@(() => PreviewService.Hide())">
<div class="mini-card-stack">
@for (var i = 0; i < (count > 1 ? Math.Min(count, 3) : 1); i++)
{