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>
<Group wrap="nowrap">
<Group wrap="nowrap" style={{ minWidth: 0 }}>
<ThemeIcon
color={STATUS_COLOR[bug.status] ?? 'gray'}
variant="light"
size="lg"
radius="md"
style={{ flexShrink: 0 }}
>
<TbAlertTriangle size={20} />
</ThemeIcon>
<Box style={{ flex: 1 }}>
<Group justify="space-between">
<Text size="sm" fw={600} lineClamp={1}>{bug.description}</Text>
<Box style={{ flex: 1, minWidth: 0 }}>
<Group wrap="nowrap" gap="xs">
<Text size="sm" fw={600} lineClamp={1} style={{ flex: 1, minWidth: 0 }}>{bug.description}</Text>
<Badge
color={STATUS_COLOR[bug.status] ?? 'gray'}
variant="dot"
size="sm"
style={{ flexShrink: 0 }}
>
{STATUS_LABEL[bug.status] ?? bug.status}
</Badge>
</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}
</Text>
</Box>