azpsen/tailfin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix spacing issue and rearrange log display

Browse Source
This commit is contained in:
april
2024-01-08 13:07:04 -06:00
parent 8bc3639d89
commit c4f990ea19
2 changed files with 57 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
web/app/ui/display/log-item.tsx
View File

@@ -46,23 +46,31 @@ export function VerticalLogItem({
if (date) content = (content as string).split("T")[0];
return (
<Card shadow="sm" withBorder>
<Card shadow="sm" withBorder h="100%">
<Stack gap="xs" align="center" h="100%">
<Text c="dimmed" style={{ textalign: "center" }}>
{label}
</Text>
{list ? (
<Group>
{(content as string[]).map((item) => (
<Badge key={randomId()} size="lg">
{item}
</Badge>
))}
</Group>
<>
{(content as string[]).length > 0 ? (
<Text size="lg">
{(content as string[]).map((item) => (
<Badge key={randomId()} size="lg" mx="xs">
{item}
</Badge>
))}
</Text>
) : (
<Text size="lg" style={{ textAlign: "center" }} c="dimmed">
<IconX />
</Text>
)}
</>
) : (
<Text
size="lg"
style={{ textalign: "center" }}
style={{ textAlign: "center" }}
c={content === "" ? "dimmed" : ""}
>
{content === "" ? <IconX /> : content}