GithubBackup/Foxel
1
0
Fork 0
mirror of https://github.com/DrizzleTime/Foxel.git synced 2026-07-07 15:21:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: improve log detail display

Browse Source
This commit is contained in:
shiyu
2025-12-08 22:21:06 +08:00
parent 394c2f7229
commit 050577cf62
1 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
web/src/pages/AuditLogsPage.tsx
View File

@@ -235,10 +235,17 @@ const AuditLogsPage = memo(function AuditLogsPage() {
onCancel={() => setSelectedLog(null)} onCancel={() => setSelectedLog(null)}
footer={null} footer={null}
width={900} width={900}
styles={{ body: { maxHeight: '70vh', overflowY: 'auto' } }}
> >
{selectedLog && ( {selectedLog && (
<Space direction="vertical" size={16} style={{ width: '100%' }}> <Space direction="vertical" size={16} style={{ width: '100%' }}>
<Descriptions column={2} bordered size="small"> <Descriptions
column={2}
bordered
size="small"
labelStyle={{ minWidth: 120, whiteSpace: 'nowrap', fontWeight: 500 }}
contentStyle={{ wordBreak: 'break-all', whiteSpace: 'pre-wrap' }}
>
<Descriptions.Item label={t('Time')}> <Descriptions.Item label={t('Time')}>
{format(new Date(selectedLog.created_at), 'yyyy-MM-dd HH:mm:ss')} {format(new Date(selectedLog.created_at), 'yyyy-MM-dd HH:mm:ss')}
</Descriptions.Item> </Descriptions.Item>
@@ -252,9 +259,9 @@ const AuditLogsPage = memo(function AuditLogsPage() {
{selectedLog.client_ip || '-'} {selectedLog.client_ip || '-'}
</Descriptions.Item> </Descriptions.Item>
<Descriptions.Item label={t('Path')} span={2}> <Descriptions.Item label={t('Path')} span={2}>
<Space size={6}> <Space size={6} wrap style={{ wordBreak: 'break-all' }}>
<Tag bordered={false} color="default" style={{ margin: 0, paddingInline: 8 }}>{selectedLog.method}</Tag> <Tag bordered={false} color="default" style={{ margin: 0, paddingInline: 8 }}>{selectedLog.method}</Tag>
<Typography.Text copyable>{selectedLog.path}</Typography.Text> <Typography.Text copyable style={{ wordBreak: 'break-all' }}>{selectedLog.path}</Typography.Text>
</Space> </Space>
</Descriptions.Item> </Descriptions.Item>
<Descriptions.Item label={t('Status Code')}> <Descriptions.Item label={t('Status Code')}>
@@ -268,7 +275,7 @@ const AuditLogsPage = memo(function AuditLogsPage() {
{selectedLog.success ? t('Success') : t('Failure')} {selectedLog.success ? t('Success') : t('Failure')}
</Tag> </Tag>
</Descriptions.Item> </Descriptions.Item>
<Descriptions.Item label={t('Description')}> <Descriptions.Item label={t('Description')} span={2}>
{selectedLog.description || '-'} {selectedLog.description || '-'}
</Descriptions.Item> </Descriptions.Item>
<Descriptions.Item label={t('Error')} span={2}> <Descriptions.Item label={t('Error')} span={2}>