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 SelectedSpanDetails = (props: SelectedSpanDetailsProps) => {
const spanTags = props.data?.tags; const spanTags = props.data?.tags;
const service = props.data?.name?.split(":")[0]; const service = props.data?.name?.split(":")[0];
const operation = props.data?.name?.split(":")[1]; const operation = props.data?.name?.split(":")[1];
return ( return (
<Card <CardContainer>
style={{ border: "none", background: "transparent", padding: 0 }}
bodyStyle={{ padding: 0 }}
>
<Space direction="vertical"> <Space direction="vertical">
<strong> Details for selected Span </strong> <strong> Details for selected Span </strong>
<Space direction="vertical" size={2}> <Space direction="vertical" size={2}>
@ -98,7 +102,7 @@ const SelectedSpanDetails = (props: SelectedSpanDetailsProps) => {
))} ))}
</TabPane> </TabPane>
</Tabs> </Tabs>
</Card> </CardContainer>
); );
}; };