From 0680339c837cc5977e28e7a78470fd62391540e1 Mon Sep 17 00:00:00 2001 From: zombieFox Date: Fri, 27 Aug 2021 13:08:04 +0100 Subject: [PATCH] improve alert padding --- src/component/alert/index.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/component/alert/index.css b/src/component/alert/index.css index 4742d0d6..b4ef3693 100644 --- a/src/component/alert/index.css +++ b/src/component/alert/index.css @@ -16,7 +16,7 @@ .alert-header { background-color: hsl(var(--alert-header-background)); - padding: calc((var(--alert-space) / 4) * 1em) calc((var(--alert-space) / 4) * 1.5em) calc((var(--alert-space) / 4) * 1em) calc(((var(--alert-space) / 4) * 1.5em) + (var(--theme-radius) / 100) * 0.1em); + padding: calc((var(--alert-space) / 4) * 1em) calc((var(--alert-space) / 4) * 1em) calc((var(--alert-space) / 4) * 1em) calc(((var(--alert-space) / 4) * 1em) + (var(--theme-radius) / 100) * 0.1em); border-top-left-radius: calc(var(--theme-radius) * 0.01em); border-bottom-left-radius: calc(var(--theme-radius) * 0.01em); display: flex; @@ -29,7 +29,7 @@ background-color: hsl(var(--alert-body-background)); border-top-right-radius: calc(var(--theme-radius) * 0.01em); border-bottom-right-radius: calc(var(--theme-radius) * 0.01em); - padding: calc((var(--alert-space) / 4) * 1em) calc(((var(--alert-space) / 4) * 1.5em) + (var(--theme-radius) / 100) * 0.1em) calc((var(--alert-space) / 4) * 1em) calc((var(--alert-space) / 4) * 1.5em); + padding: calc((var(--alert-space) / 4) * 1em) calc(((var(--alert-space) / 4) * 1em) + (var(--theme-radius) / 100) * 0.1em) calc((var(--alert-space) / 4) * 1em) calc((var(--alert-space) / 4) * 1em); flex-grow: 1; display: flex; flex-direction: row; @@ -39,7 +39,7 @@ .alert-body:only-child { border-radius: calc(var(--theme-radius) * 0.01em); - padding: calc((var(--alert-space) / 4) * 1em) calc(((var(--alert-space) / 4) * 1.5em) + (var(--theme-radius) / 100) * 0.1em); + padding: calc((var(--alert-space) / 4) * 1em) calc(((var(--alert-space) / 4) * 1em) + (var(--theme-radius) / 100) * 0.1em); } .alert-icon {