helpy4/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich synced 2025-11-14 17:36:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

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

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

15
web/src/lib/components/user-settings-page/device-card.svelte
View file

@ -1,4 +1,5 @@
<script lang="ts">
import CircleIconButton from '$lib/components/elements/buttons/circle-icon-button.svelte';
import Icon from '$lib/components/elements/icon.svelte';
import { locale } from '$lib/stores/preferences.store';
import type { SessionResponseDto } from '@immich/sdk';
@ -64,14 +65,14 @@
</div>
</div>
{#if !device.current}
<div class="flex flex-col justify-center text-sm">
<button
on:click={() => dispatcher('delete')}
class="rounded-full bg-immich-primary p-3 text-gray-100 transition-all duration-150 hover:bg-immich-primary/75 dark:bg-immich-dark-primary dark:text-gray-700"
<div>
<CircleIconButton
color="primary"
icon={mdiTrashCanOutline}
title="Log out"
>
<Icon path={mdiTrashCanOutline} size="16" />
</button>
size="16"
on:click={() => dispatcher('delete')}
/>
</div>
{/if}
</div>