diff --git a/src/Connected.Components/Styles/components/_alert.scss b/src/Connected.Components/Styles/components/_alert.scss index c10e24d..21a0a8d 100644 --- a/src/Connected.Components/Styles/components/_alert.scss +++ b/src/Connected.Components/Styles/components/_alert.scss @@ -1,7 +1,7 @@ @import "../abstracts/variables"; .alert { - display: flex; + display: flex; padding: 6px 16px; border-radius: var(--default-borderradius); background-color: transparent; @@ -12,12 +12,12 @@ } &.dense { - padding: 0px 12px; + padding: 0px 12px; } -} +} .alert-text { - &-normal { + &-normal { color: var(--palette-text-primary); background-color: var(--palette-dark-hover); } @@ -95,10 +95,23 @@ } .alert-position { - //flex: 1; + flex: 1; + display: flex; +} + +.alert-content { + flex: 1; display: flex; } +.alert.justify-end .alert-content { + justify-content: flex-end; +} + +.alert.justify-center .alert-content { + justify-content: center; +} + .alert-close { display: flex; flex: 0;