Minor design improvements to user table and diagnose page
This commit is contained in:
@@ -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>
|
||||
|
||||
|
||||
@@ -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"/>
|
||||
|
||||
Reference in New Issue
Block a user