MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update css

This commit is contained in:
Adria Navarro 2025-02-04 16:24:10 +01:00
parent 258c81772b
commit 198fa5dbfb
1 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/ScreenErrorsButton.svelte
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()} size="S"> <ActionButton selected quiet on:click={() => popover.show()} size="M">
<div class="content"> <div class="content">
Errors Errors
{#if $screenComponentErrorList.length} {#if $screenComponentErrorList.length}
@ -64,8 +64,8 @@
/> />
<div> <div>
<Link overBackground on:click={() => onErrorClick(error)}> <Link overBackground on:click={() => onErrorClick(error)}>
{getErrorTitle(error)}:</Link {getErrorTitle(error)}
> </Link>:
<!-- eslint-disable-next-line svelte/no-at-html-tags--> <!-- eslint-disable-next-line svelte/no-at-html-tags-->
{@html error.message} {@html error.message}
</div> </div>
@ -85,7 +85,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
gap: var(--spacing-xs); gap: 6px;
padding-left: var(--spacing-xs); padding-left: var(--spacing-xs);
padding-right: var(--spacing-xs); padding-right: var(--spacing-xs);
font-weight: 600; font-weight: 600;
@ -93,8 +93,8 @@
.error-button .badge { .error-button .badge {
color: var(--spectrum-global-color-static-white); color: var(--spectrum-global-color-static-white);
background-color: var(--spectrum-global-color-static-red-700); background-color: var(--spectrum-global-color-static-red-700);
height: 14px; height: 18px;
width: 14px; width: 18px;
border-radius: 50%; border-radius: 50%;
display: flex; display: flex;
@ -120,4 +120,7 @@
background: unset; background: unset;
color: unset; color: unset;
} }
.error-popover .error :global(.spectrum-Link) {
display: inline-block;
}
</style> </style>