fix: benchmark detail styles
This commit is contained in:
@@ -62,7 +62,7 @@ const RightActions: React.FC<RightActionsProps> = ({
|
||||
icon={<SettingOutlined />}
|
||||
></Button>
|
||||
</Tooltip> */}
|
||||
{settingButton}
|
||||
{/* {settingButton} */}
|
||||
<Button
|
||||
icon={<PlusOutlined></PlusOutlined>}
|
||||
type="primary"
|
||||
|
||||
@@ -140,17 +140,17 @@ const Summary: React.FC = () => {
|
||||
{
|
||||
key: '3',
|
||||
label: 'Total token throughput',
|
||||
children: `${round(detailData.tokens_per_second_mean || 0, 2)} t/s`
|
||||
children: `${round(detailData.tokens_per_second_mean || 0, 2)} Tokens/s`
|
||||
},
|
||||
{
|
||||
key: '1',
|
||||
label: 'Request token throughput',
|
||||
children: `${round(detailData.prompt_tokens_per_second_mean || 0, 2)} t/s`
|
||||
children: `${round(detailData.input_tokens_per_second_mean || 0, 2)} Tokens/s`
|
||||
},
|
||||
{
|
||||
key: '2',
|
||||
label: 'Output token throughput',
|
||||
children: `${round(detailData.output_tokens_per_second_mean || 0, 2)} t/s`
|
||||
children: `${round(detailData.output_tokens_per_second_mean || 0, 2)} Tokens/s`
|
||||
}
|
||||
];
|
||||
|
||||
|
||||
@@ -19,10 +19,10 @@ const Benchmark: React.FC = () => {
|
||||
},
|
||||
{
|
||||
key: '3',
|
||||
label: 'Token Length (Prompt/Output)',
|
||||
label: 'Token Length (Input/Output)',
|
||||
children: (
|
||||
<span>
|
||||
{detailData?.dataset_prompt_tokens || '-'} /{' '}
|
||||
{detailData?.dataset_input_tokens || '-'} /{' '}
|
||||
{detailData?.dataset_output_tokens || '-'}
|
||||
</span>
|
||||
)
|
||||
|
||||
@@ -16,7 +16,7 @@ const Container = styled.div`
|
||||
const Summary: React.FC = () => {
|
||||
return (
|
||||
<Container>
|
||||
<Section title="Results">
|
||||
<Section title="Results" minHeight={450}>
|
||||
<MetricsResult />
|
||||
<Divider />
|
||||
<PercentileResult />
|
||||
|
||||
@@ -49,9 +49,9 @@ const columns = [
|
||||
render: (value: number) => round(value, 2)
|
||||
},
|
||||
{
|
||||
title: 'Prompt token throughput ',
|
||||
dataIndex: 'prompt_tokens_per_second_mean',
|
||||
path: 'prompt_tokens_per_second_mean',
|
||||
title: 'Input token throughput ',
|
||||
dataIndex: 'input_tokens_per_second_mean',
|
||||
path: 'input_tokens_per_second_mean',
|
||||
unit: 'Tokens/s',
|
||||
render: (value: number) => round(value, 2)
|
||||
},
|
||||
|
||||
@@ -36,17 +36,17 @@ const columns = [
|
||||
render: (value: number) => round(value, 0)
|
||||
},
|
||||
{
|
||||
title: 'Input (t/s)',
|
||||
title: 'Input (Tokens/s)',
|
||||
dataIndex: 'prompt_tokens_per_second',
|
||||
render: (value: number) => round(value, 2)
|
||||
},
|
||||
{
|
||||
title: 'Output (t/s)',
|
||||
title: 'Output (Tokens/s)',
|
||||
dataIndex: 'output_tokens_per_second',
|
||||
render: (value: number) => round(value, 2)
|
||||
},
|
||||
{
|
||||
title: 'Total (t/s)',
|
||||
title: 'Total (Tokens/s)',
|
||||
dataIndex: 'tokens_per_second',
|
||||
render: (value: number) => round(value, 2)
|
||||
}
|
||||
@@ -82,10 +82,10 @@ const PercentileResult: React.FC = () => {
|
||||
size="small"
|
||||
columns={[
|
||||
{
|
||||
title: 'Percentile',
|
||||
title: <span style={{ fontWeight: 500 }}>Percentile</span>,
|
||||
dataIndex: 'percentile',
|
||||
render: (value: string) => (
|
||||
<span style={{ fontWeight: 400 }}>{value}</span>
|
||||
<span style={{ fontWeight: 500 }}>{value}</span>
|
||||
)
|
||||
},
|
||||
...columns
|
||||
|
||||
Reference in New Issue
Block a user