scrollview einbauen
This commit is contained in:
@@ -6,14 +6,12 @@
|
|||||||
<div class="flex items-center justify-between mb-6">
|
<div class="flex items-center justify-between mb-6">
|
||||||
<h1 class="text-2xl font-bold">Serverübersicht</h1>
|
<h1 class="text-2xl font-bold">Serverübersicht</h1>
|
||||||
<a asp-controller="Server" asp-action="AddServer"
|
<a asp-controller="Server" asp-action="AddServer"
|
||||||
class="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700">
|
class="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700 transition">
|
||||||
+ Server hinzufügen
|
+ Server hinzufügen
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 min-h-screen overflow-y-auto bg-gray-50">
|
||||||
|
|
||||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
|
||||||
@foreach (var s in Model.Servers)
|
@foreach (var s in Model.Servers)
|
||||||
{
|
{
|
||||||
<div class="bg-white rounded-xl shadow p-4 border border-gray-200">
|
<div class="bg-white rounded-xl shadow p-4 border border-gray-200">
|
||||||
@@ -22,7 +20,7 @@
|
|||||||
<h2 class="text-lg font-semibold">(#@s.Id) @s.Name</h2>
|
<h2 class="text-lg font-semibold">(#@s.Id) @s.Name</h2>
|
||||||
</div>
|
</div>
|
||||||
<span class="text-sm px-2 py-1 rounded
|
<span class="text-sm px-2 py-1 rounded
|
||||||
@(s.IsOnline ? "bg-green-100 text-green-700" : "bg-red-100 text-red-700")">
|
@(s.IsOnline ? "bg-green-100 text-green-700" : "bg-red-100 text-red-700")">
|
||||||
@(s.IsOnline ? "Online" : "Offline")
|
@(s.IsOnline ? "Online" : "Offline")
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -32,7 +30,8 @@
|
|||||||
<div><strong>Typ:</strong> @s.Type</div>
|
<div><strong>Typ:</strong> @s.Type</div>
|
||||||
<div><strong>Status:</strong> @((s.IsOnline) ? "Online" : "Offline")</div>
|
<div><strong>Status:</strong> @((s.IsOnline) ? "Online" : "Offline")</div>
|
||||||
<div><strong>Erstellt:</strong> @s.CreatedAt.ToLocalTime().ToString("dd.MM.yyyy HH:mm")</div>
|
<div><strong>Erstellt:</strong> @s.CreatedAt.ToLocalTime().ToString("dd.MM.yyyy HH:mm")</div>
|
||||||
<div><strong>Last-Seen:</strong> @(s.LastSeen.ToLocalTime().ToString("dd.MM.yyyy HH:mm") ?? "Never")</div>
|
<div><strong>Last-Seen:</strong> @(s.LastSeen.ToLocalTime().ToString("dd.MM.yyyy HH:mm") ?? "Never")
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="mt-4 flex justify-end gap-2">
|
<div class="mt-4 flex justify-end gap-2">
|
||||||
|
@@ -19,7 +19,7 @@
|
|||||||
|
|
||||||
<style>
|
<style>
|
||||||
body {
|
body {
|
||||||
overflow: hidden;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar {
|
.sidebar {
|
||||||
|
Reference in New Issue
Block a user