Revert info display changes
This commit is contained in:
parent
be5564621c
commit
2dec33c12d
|
@ -7,17 +7,9 @@
|
||||||
export let quiet = false
|
export let quiet = false
|
||||||
export let warning = false
|
export let warning = false
|
||||||
export let error = false
|
export let error = false
|
||||||
export let info = false
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div
|
<div class="info" class:noTitle={!title} class:warning class:error class:quiet>
|
||||||
class="container"
|
|
||||||
class:info
|
|
||||||
class:noTitle={!title}
|
|
||||||
class:warning
|
|
||||||
class:error
|
|
||||||
class:quiet
|
|
||||||
>
|
|
||||||
{#if title}
|
{#if title}
|
||||||
<div class="title">
|
<div class="title">
|
||||||
<Icon name={icon} />
|
<Icon name={icon} />
|
||||||
|
@ -35,7 +27,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.container {
|
.info {
|
||||||
padding: var(--spacing-m) var(--spacing-l);
|
padding: var(--spacing-m) var(--spacing-l);
|
||||||
background-color: var(--spectrum-global-color-gray-200);
|
background-color: var(--spectrum-global-color-gray-200);
|
||||||
border-radius: var(--border-radius-s);
|
border-radius: var(--border-radius-s);
|
||||||
|
@ -47,9 +39,6 @@
|
||||||
.error {
|
.error {
|
||||||
background: rgba(255, 0, 0, 0.2);
|
background: rgba(255, 0, 0, 0.2);
|
||||||
}
|
}
|
||||||
.info {
|
|
||||||
background: var(--spectrum-global-color-blue-100);
|
|
||||||
}
|
|
||||||
.noTitle {
|
.noTitle {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
Loading…
Reference in New Issue