Skip to content

Commit

Permalink
chore(fe): ⚡ change layout of log details to vertical
Browse files Browse the repository at this point in the history
lehuygiang28 committed Aug 21, 2024

Verified

This commit was signed with the committer’s verified signature.
lehuygiang28 Lê Huy Giang
1 parent 1b4ae76 commit c59bf5c
Showing 1 changed file with 5 additions and 5 deletions.
10 changes: 5 additions & 5 deletions apps/fe/src/components/modal/task-logs/index.tsx
Original file line number Diff line number Diff line change
@@ -43,7 +43,7 @@ export function TaskLogsModal({ type, selectedLog, setSelectedLog }: TaskLogsMod
<div>
<Space direction="vertical">
<Descriptions
layout="horizontal"
layout="vertical"
title={
<TextTitle level={3}>
{isLogs ? 'Task Log Details' : 'Try Request Response'}
@@ -203,12 +203,13 @@ export function TaskLogsModal({ type, selectedLog, setSelectedLog }: TaskLogsMod
}}
>
<Typography.Title level={5}>
Detailed Timings
Durations{' '}
<Typography.Text type="secondary">(ms)</Typography.Text>
</Typography.Title>
<div style={{ height: '70%', width: '100%' }}>
<Bar
data={{
labels: ['Duration (ms)'],
labels: [''],
datasets: [
{
label: 'Wait Time',
@@ -261,7 +262,7 @@ export function TaskLogsModal({ type, selectedLog, setSelectedLog }: TaskLogsMod
}}
options={{
indexAxis: 'y',
responsive: true,
maintainAspectRatio: false,
scales: {
x: {
stacked: true,
@@ -277,7 +278,6 @@ export function TaskLogsModal({ type, selectedLog, setSelectedLog }: TaskLogsMod
intersect: false,
},
},
maintainAspectRatio: false,
hover: {
mode: 'index',
intersect: false,

0 comments on commit c59bf5c

Please sign in to comment.