chore(fe): ⚡ change layout of log details to vertical

lehuygiang28 · Aug 21, 2024 · c59bf5c · c59bf5c
1 parent 1b4ae76
commit c59bf5c
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/apps/fe/src/components/modal/task-logs/index.tsx b/apps/fe/src/components/modal/task-logs/index.tsx
@@ -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,