Update size

This commit is contained in:
Adria Navarro 2025-02-04 12:30:51 +01:00
parent 2599fecbf8
commit 01ebab1c0c
1 changed files with 5 additions and 4 deletions

View File

@ -37,7 +37,7 @@
</script> </script>
<div bind:this={button} class="error-button"> <div bind:this={button} class="error-button">
<ActionButton selected quiet on:click={() => popover.show()}> <ActionButton selected quiet on:click={() => popover.show()} size="S">
<div class="content"> <div class="content">
Errors Errors
{#if $screenComponentErrorList.length} {#if $screenComponentErrorList.length}
@ -79,18 +79,19 @@
border-radius: 16px; border-radius: 16px;
} }
.error-button .content { .error-button .content {
min-width: 60px; min-width: 50px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
gap: var(--spacing-xs); gap: var(--spacing-xs);
padding-left: var(--spacing-xs); padding-left: var(--spacing-xs);
padding-right: var(--spacing-xs); padding-right: var(--spacing-xs);
font-weight: 600;
} }
.error-button .badge { .error-button .badge {
background-color: var(--spectrum-global-color-static-red-700); background-color: var(--spectrum-global-color-static-red-700);
height: 18px; height: 14px;
width: 18px; width: 14px;
border-radius: 50%; border-radius: 50%;
display: flex; display: flex;