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 8

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/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}

16
web/src/lib/components/forms/library-scan-settings-form.svelte
View file

@ -1,11 +1,11 @@
<script lang="ts">
import Icon from '$lib/components/elements/icon.svelte';
import { LibraryType, type LibraryResponseDto } from '@immich/sdk';
import { mdiPencilOutline } from '@mdi/js';
import { createEventDispatcher, onMount } from 'svelte';
import { handleError } from '../../utils/handle-error';
import Button from '../elements/buttons/button.svelte';
import LibraryExclusionPatternForm from './library-exclusion-pattern-form.svelte';
import CircleIconButton from '$lib/components/elements/buttons/circle-icon-button.svelte';
export let library: Partial<LibraryResponseDto>;
@ -138,17 +138,17 @@
}`}
>
<td class="w-3/4 text-ellipsis px-4 text-sm">{exclusionPattern}</td>
<td class="w-1/4 text-ellipsis px-4 text-sm">
<button
type="button"
<td class="w-1/4 text-ellipsis flex justify-center">
<CircleIconButton
color="primary"
icon={mdiPencilOutline}
title="Edit exclusion pattern"
size="16"
on:click={() => {
editExclusionPattern = listIndex;
editedExclusionPattern = exclusionPattern;
}}
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}