[APM] Errors: Fix panels styles (#102734)

This commit is contained in:
Casper Hübertz 2021-06-21 16:44:06 +02:00 committed by GitHub
parent 13671c45f2
commit 17e496c6b2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 8 additions and 4 deletions

View file

@ -85,7 +85,7 @@ export function DetailView({ errorGroup, urlParams }: Props) {
const status = error.http?.response?.status_code;
return (
<EuiPanel>
<EuiPanel hasBorder={true}>
<HeaderContainer>
<EuiTitle size="s">
<h3>

View file

@ -146,9 +146,13 @@ export function ErrorGroupDetails({
return (
<>
<EuiSpacer size={'s'} />
<ErrorGroupHeader groupId={groupId} isUnhandled={isUnhandled} />
<EuiPanel>
<EuiSpacer size={'m'} />
<EuiPanel hasBorder={true}>
{showDetails && (
<Titles>
<EuiText>

View file

@ -73,7 +73,7 @@ export function ErrorGroupOverview({ serviceName }: ErrorGroupOverviewProps) {
return (
<EuiFlexGroup direction="column" gutterSize="s">
<EuiFlexItem>
<EuiPanel>
<EuiPanel hasBorder={true}>
<ErrorDistribution
distribution={errorDistributionData}
title={i18n.translate(
@ -85,7 +85,7 @@ export function ErrorGroupOverview({ serviceName }: ErrorGroupOverviewProps) {
</EuiFlexItem>
<EuiFlexItem>
<EuiPanel>
<EuiPanel hasBorder={true}>
<EuiTitle size="xs">
<h3>
{i18n.translate(