You are viewing a plain text version of this content. The canonical link for it is here.
Posted to notifications@skywalking.apache.org by qi...@apache.org on 2023/04/27 12:06:14 UTC
[skywalking-grafana-plugins] 04/04: feat: update query editor
This is an automated email from the ASF dual-hosted git repository.
qiuxiafan pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/skywalking-grafana-plugins.git
commit ceeae966847c27d6411005b4a0628e1368ebda15
Author: Fine0830 <fa...@gmail.com>
AuthorDate: Thu Apr 27 12:01:53 2023 +0800
feat: update query editor
---
src/components/QueryEditor.tsx | 22 +++++++++++-----------
1 file changed, 11 insertions(+), 11 deletions(-)
diff --git a/src/components/QueryEditor.tsx b/src/components/QueryEditor.tsx
index 6cca4a8..d08bfd7 100644
--- a/src/components/QueryEditor.tsx
+++ b/src/components/QueryEditor.tsx
@@ -28,22 +28,22 @@ export function QueryEditor({ query, onChange, onRunQuery }: Props) {
const { service, layer, nodeMetrics, edgeServerMetrics, edgeClientMetrics } = query;
return (
- <div className="gf-form">
- <InlineField label="Service" tooltip="Not used yet">
+ <div className="gf-form-group">
+ <InlineField label="Service" tooltip="Not used yet" labelWidth={20}>
<Input onBlur={onRunQueryText} onChange={onServiceChange} value={service || ''} width={40} />
</InlineField>
- <InlineField label="Layer" tooltip="Not used yet">
+ <InlineField label="Layer" tooltip="Not used yet" labelWidth={20}>
<Input onBlur={onRunQueryText} onChange={onLayerChange} value={layer || ''} width={40} />
</InlineField>
- <InlineField label="Node Metrics" tooltip="Not used yet">
- <Input onBlur={onRunQueryText} onChange={onNodeMetricsChange} value={nodeMetrics || ''} width={40} />
+ <InlineField label="Node Metrics" tooltip="Not used yet" labelWidth={20}>
+ <Input onBlur={onRunQueryText} onChange={onNodeMetricsChange} value={nodeMetrics || ''} width={60} />
</InlineField>
- <InlineField label="Edge Server Metrics" tooltip="Not used yet">
- <Input onBlur={onRunQueryText} onChange={onEdgeServerMetricsChange} value={edgeServerMetrics || ''} width={40} />
+ <InlineField label="Edge Server Metrics" tooltip="Not used yet" labelWidth={20}>
+ <Input onBlur={onRunQueryText} onChange={onEdgeServerMetricsChange} value={edgeServerMetrics || ''} width={60} />
+ </InlineField>
+ <InlineField label="Edge Client Metrics" tooltip="Not used yet" labelWidth={20}>
+ <Input onBlur={onRunQueryText} onChange={onEdgeClientMetricsChange} value={edgeClientMetrics || ''} width={60} />
</InlineField>
- <InlineField label="Edge Client Metrics" tooltip="Not used yet">
- <Input onBlur={onRunQueryText} onChange={onEdgeClientMetricsChange} value={edgeClientMetrics || ''} width={40} />
- </InlineField>
- </div>
+ </div>
);
}