From 1577933bb4fcda53032e01f072e62b1257066d38 Mon Sep 17 00:00:00 2001
From: Kevin Matsubara <kevin.matsubara@proton.me>
Date: Tue, 25 Mar 2025 22:41:32 +0100
Subject: [PATCH] Create active view for city cards.

---
 ServerManagement/Components/Pages/Servers.razor     | 4 ++--
 ServerManagement/Components/Pages/Servers.razor.css | 5 +++++
 2 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 ServerManagement/Components/Pages/Servers.razor.css

diff --git a/ServerManagement/Components/Pages/Servers.razor b/ServerManagement/Components/Pages/Servers.razor
index ea93fac..133e5a9 100644
--- a/ServerManagement/Components/Pages/Servers.razor
+++ b/ServerManagement/Components/Pages/Servers.razor
@@ -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>
diff --git a/ServerManagement/Components/Pages/Servers.razor.css b/ServerManagement/Components/Pages/Servers.razor.css
new file mode 100644
index 0000000..8360454
--- /dev/null
+++ b/ServerManagement/Components/Pages/Servers.razor.css
@@ -0,0 +1,5 @@
+
+.card-body.active 
+{
+  background-color: #E3E3E3;
+}
\ No newline at end of file