Revert info display changes

This commit is contained in:
Andrew Kingston 2024-10-24 16:27:30 +01:00
parent be5564621c
commit 2dec33c12d
No known key found for this signature in database
1 changed files with 2 additions and 13 deletions

View File

@ -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;