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

fix: perbaiki layout filter Activity Logs agar tidak overflow

Browse Source
This commit is contained in:
amaliadwiy
2026-05-26 14:43:59 +08:00
parent 5002fd1519
commit 457f36be06
1 changed files with 35 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/frontend/routes/logs.tsx
View File

@@ -1,6 +1,7 @@
import { import {
ActionIcon, ActionIcon,
Badge, Badge,
Box,
Container, Container,
Group, Group,
Loader, Loader,
@@ -100,6 +101,7 @@ function GlobalLogsPage() {
</Group> </Group>
<Paper withBorder radius="xl" p="md" className="glass"> <Paper withBorder radius="xl" p="md" className="glass">
<Stack gap="md">
<Group gap="sm" wrap="wrap" align="flex-end"> <Group gap="sm" wrap="wrap" align="flex-end">
<Select <Select
label="User" label="User"
@@ -107,7 +109,7 @@ function GlobalLogsPage() {
value={operatorId} value={operatorId}
onChange={(v) => { setOperatorId(v ?? 'all'); setPage(1) }} onChange={(v) => { setOperatorId(v ?? 'all'); setPage(1) }}
data={operatorOptions} data={operatorOptions}
w={200} style={{ flex: 1, minWidth: 160 }}
clearable clearable
size="sm" size="sm"
/> />
@@ -120,19 +122,22 @@ function GlobalLogsPage() {
locale="id" locale="id"
valueFormat="DD MMM YYYY" valueFormat="DD MMM YYYY"
clearable clearable
w={280} style={{ flex: 2, minWidth: 220 }}
size="sm" size="sm"
/> />
</Group>
<Stack gap={4}> <Stack gap={4}>
<Text size="xs" fw={500} c="dimmed">Action type</Text> <Text size="xs" fw={500} c="dimmed">Action type</Text>
<Box style={{ overflowX: 'auto' }}>
<SegmentedControl <SegmentedControl
value={type} value={type}
onChange={(v) => { setType(v); setPage(1) }} onChange={(v) => { setType(v); setPage(1) }}
size="sm" size="sm"
data={LOG_TYPES.map((t) => ({ label: LOG_TYPE_LABEL[t] ?? t, value: t }))} data={LOG_TYPES.map((t) => ({ label: LOG_TYPE_LABEL[t] ?? t, value: t }))}
/> />
</Box>
</Stack>
</Stack> </Stack>
</Group>
</Paper> </Paper>
{isLoading && !data ? ( {isLoading && !data ? (