wibu/monitoring-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: perbaiki layout accordion header Bug Reports agar badge status selalu terlihat

Browse Source
This commit is contained in:
amaliadwiy
2026-05-26 14:50:47 +08:00
parent 457f36be06
commit fe83fd6025
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/frontend/routes/bug-reports.tsx
View File

@@ -700,27 +700,29 @@ function ListErrorsPage() {
}} }}
> >
<Accordion.Control> <Accordion.Control>
<Group wrap="nowrap"> <Group wrap="nowrap" style={{ minWidth: 0 }}>
<ThemeIcon <ThemeIcon
color={STATUS_COLOR[bug.status] ?? 'gray'} color={STATUS_COLOR[bug.status] ?? 'gray'}
variant="light" variant="light"
size="lg" size="lg"
radius="md" radius="md"
style={{ flexShrink: 0 }}
> >
<TbAlertTriangle size={20} /> <TbAlertTriangle size={20} />
</ThemeIcon> </ThemeIcon>
<Box style={{ flex: 1 }}> <Box style={{ flex: 1, minWidth: 0 }}>
<Group justify="space-between"> <Group wrap="nowrap" gap="xs">
<Text size="sm" fw={600} lineClamp={1}>{bug.description}</Text> <Text size="sm" fw={600} lineClamp={1} style={{ flex: 1, minWidth: 0 }}>{bug.description}</Text>
<Badge <Badge
color={STATUS_COLOR[bug.status] ?? 'gray'} color={STATUS_COLOR[bug.status] ?? 'gray'}
variant="dot" variant="dot"
size="sm" size="sm"
style={{ flexShrink: 0 }}
> >
{STATUS_LABEL[bug.status] ?? bug.status} {STATUS_LABEL[bug.status] ?? bug.status}
</Badge> </Badge>
</Group> </Group>
<Text size="xs" c="dimmed"> <Text size="xs" c="dimmed" lineClamp={1}>
{dayjs(bug.createdAt).format('D MMM YYYY, HH:mm')} · {bug.appId?.toUpperCase()} · v{bug.affectedVersion} {dayjs(bug.createdAt).format('D MMM YYYY, HH:mm')} · {bug.appId?.toUpperCase()} · v{bug.affectedVersion}
</Text> </Text>
</Box> </Box>