From 3947374e3577989b7dafc22b2fb18cd9aa31f879 Mon Sep 17 00:00:00 2001
From: Kevin Matsubara <kevin.matsubara@proton.me>
Date: Mon, 24 Mar 2025 11:47:04 +0100
Subject: [PATCH] Show cards with city images.

---
 ServerManagement/Components/Pages/Servers.razor | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/ServerManagement/Components/Pages/Servers.razor b/ServerManagement/Components/Pages/Servers.razor
index 8813b81..cab305f 100644
--- a/ServerManagement/Components/Pages/Servers.razor
+++ b/ServerManagement/Components/Pages/Servers.razor
@@ -6,11 +6,17 @@
 <br/>
 
 <div class="container-fluid text-center">
-  <div class="row w-50">
+  <div class="row">
     @foreach(var city in cities)
     {
     <div class="col">
-      <button class="btn btn-primary">@city</button>
+
+      <div class="card">
+        <img src="@($"/images/{city}.png")" class="card-img-top" alt="@city")">
+        <div class="card-body">
+          <button class="btn btn-primary">@city</button>
+        </div>
+      </div>
     </div>
     }
   </div>