fix: Use Alert.Inline title for single-line alerts across console

This commit is contained in:
Harsh Mahajan
2025-10-02 17:41:05 +05:30
parent e549344339
commit a61961ba93
5 changed files with 14 additions and 12 deletions
@@ -54,7 +54,7 @@
</p>
{#if error}
<Alert.Inline status="warning">{error}</Alert.Inline>
<Alert.Inline status="warning" title={error} />
{/if}
</Layout.Stack>
@@ -398,9 +398,7 @@
}
}}>
{#if modalError}
<Alert.Inline status="error">
{modalError}
</Alert.Inline>
<Alert.Inline status="error" title={modalError} />
{/if}
{#await loadIndexSuggestions()}
@@ -1153,7 +1153,7 @@
</Table.Root>
<Layout.Stack direction="column" gap="m">
<Alert.Inline>To change the selection edit the relationship settings.</Alert.Inline>
<Alert.Inline title="To change the selection edit the relationship settings." />
</Layout.Stack>
{:else}
<p class="u-bold">This action is irreversible.</p>
@@ -86,10 +86,11 @@
</svelte:fragment>
</Alert.Inline>
{:else}
<Alert.Inline status="info" dismissible on:dismiss={() => (showAlert = false)}>
Some configuration changes are not live yet. Your function is redeploying —
changes will be applied once the build is complete.
</Alert.Inline>
<Alert.Inline
status="info"
dismissible
on:dismiss={() => (showAlert = false)}
title="Some configuration changes are not live yet. Your function is redeploying — changes will be applied once the build is complete." />
{/if}
{/if}
<Layout.Stack gap="xxxl">
@@ -89,9 +89,12 @@
</svelte:fragment>
</Alert.Inline>
{:else}
<Alert.Inline status="info" dismissible on:dismiss={() => (showAlert = false)}>
Some configuration changes are not live yet. Your site is redeploying — changes
will be applied once the build is complete.
<Alert.Inline
status="info"
title="Some configuration changes are not live yet. Your site is redeploying — changes
will be applied once the build is complete."
dismissible
on:dismiss={() => (showAlert = false)}>
</Alert.Inline>
{/if}
{/if}