kevin/BlazorDeepDive
1
0
Fork 0
Code

Create active view for city cards.

Browse Source
This commit is contained in:
Kevin Matsubara 2025-03-25 22:41:32 +01:00
parent a22d8d7ffd
commit 1577933bb4
2 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ServerManagement/Components/Pages/Servers.razor
View File

@ -13,9 +13,9 @@
{
<div class="col">
<div class="card">
<div class="card @((city == selectedCity) ? "border-primary" : "")">
<img src=@($"/images/{@city}.png") class="card-img-top" alt="@city">
<div class="card-body">
<div class="card-body @((city == selectedCity) ? "active" : "")">
<button class="btn btn-primary" @onclick="@(() => { SelectCity(city); })">@city</button>
</div>
</div>

5
ServerManagement/Components/Pages/Servers.razor.css Normal file
View File

@ -0,0 +1,5 @@
.card-body.active
{
background-color: #E3E3E3;
}