@model FamilyBudget.Models.Revenu
<div class="col-md-4">
    <div class="card shadow-sm mb-4">
        <div class="card-body">
            <h5 class="card-title text-warning">Détails du Revenu</h5>
            <p class="card-text">
                <strong>🌟 Source :</strong> @Model.SourceRevenu <br>
                <strong>💵 Montant :</strong> @Model.Montant FCFA <br>
                <strong>💼  Compte :</strong> @Model.IdCompteNavigation.Type <br>
                <strong>🕒  Date :</strong> @Model.DateRevenu.ToShortDateString() <br>
            </p>
        </div>
    </div>
</div>

<a asp-action="Edit" asp-route-id="@Model.IdRevenu">Modifier</a>

<style>
    .card {
        border-radius: 10px;
        transition: transform 0.2s ease-in-out;
    }

        .card:hover {
            transform: scale(1.03);
        }

    .btn {
        border-radius: 20px;
    }

    .box {
        padding: 10px;
        box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);
        border-radius: 10px;
    }
</style>