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

fix: perbaiki layout table Recent Error Reports di dashboard

Browse Source 
Kolom App, Version, Reported, dan Status tidak lagi wrap atau terpotong.
Tambah horizontal scroll pada container dan minWidth pada table.
This commit is contained in:
amaliadwiy
2026-05-26 14:37:28 +08:00
parent 8aaec351cf
commit 5002fd1519
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/frontend/routes/dashboard.tsx
View File

@@ -198,15 +198,15 @@ function DashboardPage() {
</Button> </Button>
</Group> </Group>
<Paper withBorder radius="2xl" className="glass" p="md"> <Paper withBorder radius="2xl" className="glass" p="md" style={{ overflowX: 'auto' }}>
<Table className="data-table" verticalSpacing="sm"> <Table className="data-table" verticalSpacing="sm" style={{ minWidth: 560 }}>
<Table.Thead> <Table.Thead>
<Table.Tr> <Table.Tr>
<Table.Th>App</Table.Th> <Table.Th style={{ whiteSpace: 'nowrap' }}>App</Table.Th>
<Table.Th>Error Message</Table.Th> <Table.Th>Error Message</Table.Th>
<Table.Th>Version</Table.Th> <Table.Th style={{ whiteSpace: 'nowrap' }}>Version</Table.Th>
<Table.Th>Reported</Table.Th> <Table.Th style={{ whiteSpace: 'nowrap' }}>Reported</Table.Th>
<Table.Th>Status</Table.Th> <Table.Th style={{ whiteSpace: 'nowrap' }}>Status</Table.Th>
</Table.Tr> </Table.Tr>
</Table.Thead> </Table.Thead>
<Table.Tbody> <Table.Tbody>
@@ -227,7 +227,7 @@ function DashboardPage() {
</Table.Tr> </Table.Tr>
) : recentErrors.map((error: any) => ( ) : recentErrors.map((error: any) => (
<Table.Tr key={error.id}> <Table.Tr key={error.id}>
<Table.Td> <Table.Td style={{ whiteSpace: 'nowrap' }}>
<Text fw={600} size="sm" tt="uppercase">{error.app}</Text> <Text fw={600} size="sm" tt="uppercase">{error.app}</Text>
</Table.Td> </Table.Td>
<Table.Td style={{ maxWidth: 280 }}> <Table.Td style={{ maxWidth: 280 }}>
@@ -237,13 +237,13 @@ function DashboardPage() {
</Text> </Text>
</Tooltip> </Tooltip>
</Table.Td> </Table.Td>
<Table.Td> <Table.Td style={{ whiteSpace: 'nowrap' }}>
<Badge variant="light" color="gray" size="sm">v{error.version}</Badge> <Badge variant="light" color="gray" size="sm">v{error.version}</Badge>
</Table.Td> </Table.Td>
<Table.Td> <Table.Td style={{ whiteSpace: 'nowrap' }}>
<Text size="xs" c="dimmed">{formatTimeAgo(error.time)}</Text> <Text size="xs" c="dimmed">{formatTimeAgo(error.time)}</Text>
</Table.Td> </Table.Td>
<Table.Td> <Table.Td style={{ whiteSpace: 'nowrap' }}>
<Badge <Badge
color={SEVERITY_COLOR[error.severity] ?? 'gray'} color={SEVERITY_COLOR[error.severity] ?? 'gray'}
variant="light" variant="light"