Minor design improvements to user table and diagnose page

This commit is contained in:
2025-12-30 16:06:18 +01:00
parent ba942b2f8f
commit 170cac2091
2 changed files with 115 additions and 107 deletions

View File

@@ -48,11 +48,13 @@
</Card>
</div>
<div class="col-span-1">
<Card>
<CardContent ClassName="flex justify-center items-center">
@if (IsLoading)
{
<Card>
<CardContent ClassName="flex justify-center items-center">
<Spinner ClassName="size-10"/>
</CardContent>
</Card>
}
else
{
@@ -60,6 +62,8 @@
{
if (Entries.Length == 0)
{
<Card>
<CardContent ClassName="flex justify-center items-center">
<Empty>
<EmptyHeader>
<EmptyMedia Variant="EmptyMediaVariant.Icon">
@@ -71,6 +75,8 @@
</EmptyDescription>
</EmptyHeader>
</Empty>
</CardContent>
</Card>
}
else
{
@@ -85,12 +91,12 @@
var textColor = entry.Level switch
{
DiagnoseLevel.Error => "text-destructive",
DiagnoseLevel.Warning => "text-yellow-300",
DiagnoseLevel.Warning => "text-yellow-400",
DiagnoseLevel.Healthy => "text-green-500"
};
<AccordionItem
ClassName="overflow-hidden border bg-background px-4 first:rounded-t-lg last:rounded-b-lg last:border-b"
ClassName="overflow-hidden border bg-card px-4 first:rounded-t-lg last:rounded-b-lg last:border-b"
Value="@($"diagnoseEntry{i}")">
<AccordionTrigger className="hover:no-underline">
@@ -188,6 +194,8 @@
}
else
{
<Card>
<CardContent ClassName="flex justify-center items-center">
<Empty>
<EmptyHeader>
<EmptyMedia Variant="EmptyMediaVariant.Icon">
@@ -199,10 +207,10 @@
</EmptyDescription>
</EmptyHeader>
</Empty>
}
}
</CardContent>
</Card>
}
}
</div>
</div>

View File

@@ -36,7 +36,7 @@
</div>
<div class="mt-8">
<DataGrid @ref="Grid" TGridItem="UserResponse" Loader="LoadAsync" PageSize="10">
<DataGrid @ref="Grid" TGridItem="UserResponse" Loader="LoadAsync" PageSize="10" ClassName="bg-card">
<PropertyColumn HeadClassName="text-left" CellClassName="text-left" Field="u => u.Id"/>
<PropertyColumn HeadClassName="text-left" CellClassName="text-left" IsFilterable="true"
Identifier="@nameof(UserResponse.Username)" Field="u => u.Username"/>