feat(web): increase usage of CircleIconButton (#9256)

This commit is contained in:
Ben 2024-05-04 18:29:50 +00:00 committed by GitHub
parent 5b87abb021
commit 48b490f5e9
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
18 changed files with 166 additions and 177 deletions

View file

@ -8,6 +8,7 @@
} from '$lib/components/shared-components/notification/notification';
import { onMount } from 'svelte';
import { mdiCloseCircleOutline, mdiInformationOutline, mdiWindowClose } from '@mdi/js';
import CircleIconButton from '$lib/components/elements/buttons/circle-icon-button.svelte';
export let notification: Notification;
@ -78,9 +79,14 @@
{notification.type.toString()}
</h2>
</div>
<button on:click|stopPropagation={discard}>
<Icon path={mdiWindowClose} size="20" />
</button>
<CircleIconButton
icon={mdiWindowClose}
title="Close"
class="dark:text-immich-dark-gray"
size="20"
padding="2"
on:click={discard}
/>
</div>
<p class="whitespace-pre-wrap pl-[28px] pr-[16px] text-sm" data-testid="message">