self-hosted/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-06-16 03:40:33 +02:00
Code Issues Releases Activity

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
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/forms/library-import-paths-form.svelte
View File

@ -8,6 +8,7 @@
import { validate, type LibraryResponseDto } from '@immich/sdk';
import type { ValidateLibraryImportPathResponseDto } from '@immich/sdk';
import { NotificationType, notificationController } from '../shared-components/notification/notification';
import CircleIconButton from '$lib/components/elements/buttons/circle-icon-button.svelte';
export let library: LibraryResponseDto;
@ -209,17 +210,17 @@
</td>
<td class="w-4/5 text-ellipsis px-4 text-sm">{validatedPath.importPath}</td>
<td class="w-1/5 text-ellipsis px-4 text-sm flex flex-row">
<button
type="button"
<td class="w-1/5 text-ellipsis flex justify-center">
<CircleIconButton
color="primary"
icon={mdiPencilOutline}
title="Edit import path"
size="16"
on:click={() => {
editImportPath = listIndex;
editedImportPath = validatedPath.importPath;
}}
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"
>
<Icon path={mdiPencilOutline} size="16" />
</button>
/>
</td>
</tr>
{/each}