fix: css issue for the SelectedSpanDetails is updated (#257)

Co-authored-by: FIPalash Gupta <palash@indiagold.co>
Co-authored-by: Ankit Nayan <ankit@signoz.io>
This commit is contained in:
palash-signoz 2021-08-19 23:04:15 +05:30 committed by GitHub
parent 4b205e61c8
commit 0055eaf656
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -47,16 +47,20 @@ const CustomSubText = styled(Paragraph)`
}
`;
const CardContainer = styled(Card)`
.ant-card-body {
max-height: 90vh;
overflow-y: auto;
}
`;
const SelectedSpanDetails = (props: SelectedSpanDetailsProps) => {
const spanTags = props.data?.tags;
const service = props.data?.name?.split(":")[0];
const operation = props.data?.name?.split(":")[1];
return (
<Card
style={{ border: "none", background: "transparent", padding: 0 }}
bodyStyle={{ padding: 0 }}
>
<CardContainer>
<Space direction="vertical">
<strong> Details for selected Span </strong>
<Space direction="vertical" size={2}>
@ -98,7 +102,7 @@ const SelectedSpanDetails = (props: SelectedSpanDetailsProps) => {
))}
</TabPane>
</Tabs>
</Card>
</CardContainer>
);
};