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

chore(web): update eslint and prettier packages (#2437)

Browse Source 
Co-authored-by: Alex <alex.tran1502@gmail.com>
This commit is contained in:
Michel Heusschen
2023-05-15 19:58:35 +02:00
committed by GitHub
parent f4aefcb18b
commit 1979c84ea8
29 changed files with 257 additions and 274 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/lib/components/admin-page/server-stats/server-stats-panel.svelte
View File

@ -91,7 +91,7 @@
<p class="text-sm dark:text-immich-dark-fg">USER USAGE DETAIL</p>
<table class="text-left w-full mt-5">
<thead
class="border rounded-md mb-4 bg-gray-50 dark:bg-immich-dark-gray dark:border-immich-dark-gray flex text-immich-primary dark:text-immich-dark-primary w-full h-12"
class="border rounded-md mb-4 bg-gray-50 dark:bg-immich-dark-gray dark:border-immich-dark-gray flex text-immich-primary dark:text-immich-dark-primary w-full h-12"
>
<tr class="flex w-full place-items-center">
<th class="text-center w-1/4 font-medium text-sm">User</th>

2
web/src/lib/components/admin-page/settings/confirm-disable-login.svelte
View File

@ -5,7 +5,7 @@
<ConfirmDialogue title="Disable Login" on:cancel on:confirm>
<svelte:fragment slot="prompt">
<div class="flex flex-col gap-4 p-3">
<p class="text-md text-center">
<p class="text-md text-center">
Are you sure you want to disable all login methods? Login will be completely disabled.
</p>

2
web/src/lib/components/admin-page/settings/setting-accordion.svelte
View File

@ -20,7 +20,7 @@
<button
on:click={toggle}
aria-expanded={isOpen}
class="immich-circle-icon-button hover:bg-immich-primary/10 dark:text-immich-dark-fg hover:dark:bg-immich-dark-primary/20 rounded-full p-3 flex place-items-center place-content-center transition-all"
class="immich-circle-icon-button hover:bg-immich-primary/10 dark:text-immich-dark-fg hover:dark:bg-immich-dark-primary/20 rounded-full p-3 flex place-items-center place-content-center transition-all"
>
<svg
style="tran"

2
web/src/lib/components/admin-page/settings/setting-buttons-row.svelte
View File

@ -7,7 +7,7 @@
export let showResetToDefault = true;
</script>
<div class="flex justify-between gap-2 mt-8">
<div class="flex justify-between gap-2 mt-8">
<div class="left">
{#if showResetToDefault}
<button

2
web/src/lib/components/album-page/thumbnail-selection.svelte
View File

@ -42,7 +42,7 @@
</svelte:fragment>
</ControlAppBar>
<section class="flex flex-wrap gap-14 px-20 overflow-y-auto">
<section class="flex flex-wrap gap-14 px-20 overflow-y-auto">
<!-- Image grid -->
<div class="flex flex-wrap gap-[2px]">
{#each album.assets as asset}

4
web/src/lib/components/album-page/user-selection-modal.svelte
View File

@ -103,7 +103,7 @@
{user.firstName}
{user.lastName}
</p>
<p class="text-xs ">
<p class="text-xs">
{user.email}
</p>
</div>
@ -118,7 +118,7 @@
{/if}
{#if selectedUsers.length > 0}
<div class="flex place-content-end p-5 ">
<div class="flex place-content-end p-5">
<Button size="sm" rounded="lg" on:click={() => dispatch('add-user', { selectedUsers })}>
Add
</Button>

2
web/src/lib/components/asset-viewer/asset-viewer.svelte
View File

@ -334,7 +334,7 @@
on:keydown={navigateAssetBackward}
>
<button
class="rounded-full p-3 hover:bg-gray-500 hover:text-gray-700 z-[1000] text-gray-500 mx-4"
class="rounded-full p-3 hover:bg-gray-500 hover:text-gray-700 z-[1000] text-gray-500 mx-4"
class:navigation-button-hover={halfLeftHover}
on:click={navigateAssetBackward}
>

2
web/src/lib/components/shared-components/base-modal.svelte
View File

@ -31,7 +31,7 @@
id="immich-modal"
style:z-index={zIndex}
transition:fade={{ duration: 100, easing: quintOut }}
class="fixed top-0 left-0 w-full h-full bg-black/50 flex place-items-center place-content-center overflow-hidden"
class="fixed top-0 left-0 w-full h-full bg-black/50 flex place-items-center place-content-center overflow-hidden"
>
<div
use:clickOutside

2
web/src/lib/components/shared-components/dropdown-button.svelte
View File

@ -56,7 +56,7 @@
selected = option;
isOpen = false;
}}
class="bg-gray-200 dark:bg-gray-500 dark:hover:bg-gray-700 w-full flex p-2 hover:bg-gray-300 transition-all "
class="bg-gray-200 dark:bg-gray-500 dark:hover:bg-gray-700 w-full flex p-2 hover:bg-gray-300 transition-all"
>
{option}
</button>

2
web/src/lib/components/shared-components/full-screen-modal.svelte
View File

@ -9,7 +9,7 @@
<section
in:fade={{ duration: 100 }}
out:fade={{ duration: 100 }}
class="absolute left-0 top-0 w-full h-full bg-black/40 z-[990] flex place-items-center place-content-center "
class="absolute left-0 top-0 w-full h-full bg-black/40 z-[990] flex place-items-center place-content-center"
>
<div class="z-[9999]" use:clickOutside on:outclick={() => dispatch('clickOutside')}>
<slot />

2
web/src/lib/components/shared-components/scrollbar/scrollbar.svelte
View File

@ -93,7 +93,7 @@
<div
id="immich-scrubbable-scrollbar"
class="fixed right-0 bg-immich-bg z-[100] hover:cursor-row-resize select-none "
class="fixed right-0 bg-immich-bg z-[100] hover:cursor-row-resize select-none"
style:width={isDragging ? '100vw' : '60px'}
style:background-color={isDragging ? 'transparent' : 'transparent'}
on:mouseenter={() => (isHover = true)}

2
web/src/lib/components/shared-components/search-bar/search-bar.svelte
View File

@ -64,7 +64,7 @@
<input
type="text"
name="q"
class="w-full transition-all {grayTheme
class="w-full transition-all {grayTheme
? 'dark:bg-immich-dark-gray'
: 'dark:bg-immich-dark-bg'} text-immich-fg/75 dark:text-immich-dark-fg px-14 py-4 {showBigSearchBar
? 'rounded-t-3xl bg-white border border-gray-200 dark:border-gray-800'

2
web/src/lib/components/shared-components/side-bar/side-bar-button.svelte
View File

@ -35,7 +35,7 @@
</div>
<div
class="transition-[height] group-hover:sm:overflow-visible md:overflow-visible overflow-hidden duration-100 delay-1000 sm:group-hover:h-auto md:h-auto h-0"
class="transition-[height] group-hover:sm:overflow-visible md:overflow-visible overflow-hidden duration-100 delay-1000 sm:group-hover:h-auto md:h-auto h-0"
>
{#if $$slots.moreInformation}
<div

4
web/src/lib/components/shared-components/status-box.svelte
View File

@ -89,7 +89,7 @@
<div class="text-xs hidden md:block group-hover:sm:block">
<p class="text-sm font-medium text-immich-primary dark:text-immich-dark-primary">Server</p>
<div class="flex justify-items-center justify-between mt-2 ">
<div class="flex justify-items-center justify-between mt-2">
<p>Status</p>
{#if isServerOk}
@ -99,7 +99,7 @@
{/if}
</div>
<div class="flex justify-items-center justify-between mt-2 ">
<div class="flex justify-items-center justify-between mt-2">
<p>Version</p>
<p class="font-medium text-immich-primary dark:text-immich-dark-primary">
{serverVersion}

2
web/src/lib/components/shared-components/upload-asset-preview.svelte
View File

@ -59,7 +59,7 @@
class="bg-immich-primary h-[15px] rounded-md transition-all"
style={`width: ${uploadAsset.progress}%`}
/>
<p class="absolute h-full w-full text-center top-0 text-[10px] ">
<p class="absolute h-full w-full text-center top-0 text-[10px]">
{uploadAsset.progress}/100
</p>
</div>

4
web/src/lib/components/shared-components/upload-panel.svelte
View File

@ -38,7 +38,7 @@
{#if showDetail}
<div
in:scale={{ duration: 250, easing: quartInOut }}
class="bg-gray-200 p-4 text-sm w-[300px] rounded-lg shadow-sm border "
class="bg-gray-200 p-4 text-sm w-[300px] rounded-lg shadow-sm border"
>
<div class="flex justify-between place-item-center mb-4">
<p class="text-xs text-gray-500">UPLOADING {$uploadAssetsStore.length}</p>
@ -70,7 +70,7 @@
<button
in:scale={{ duration: 250, easing: quartInOut }}
on:click={() => (showDetail = true)}
class="bg-gray-300 p-5 rounded-full w-16 h-16 flex place-items-center place-content-center text-sm shadow-lg "
class="bg-gray-300 p-5 rounded-full w-16 h-16 flex place-items-center place-content-center text-sm shadow-lg"
>
<div class="animate-pulse">
<CloudUploadOutline size="30" color="#4250af" />

2
web/src/lib/components/shared-components/version-announcement-box.svelte
View File

@ -43,7 +43,7 @@
{#if showModal}
<FullScreenModal on:clickOutside={() => (showModal = false)}>
<div
class="border bg-immich-bg dark:bg-immich-dark-gray dark:border-immich-dark-gray shadow-sm max-w-lg rounded-3xl py-10 px-8 dark:text-immich-dark-fg "
class="border bg-immich-bg dark:bg-immich-dark-gray dark:border-immich-dark-gray shadow-sm max-w-lg rounded-3xl py-10 px-8 dark:text-immich-dark-fg"
>
<p class="text-2xl mb-4">🎉 NEW VERSION AVAILABLE 🎉</p>

2
web/src/lib/components/user-settings-page/device-card.svelte
View File

@ -61,7 +61,7 @@
<div class="text-sm flex flex-col justify-center">
<button
on:click={() => dispatcher('delete')}
class="bg-immich-primary dark:bg-immich-dark-primary text-gray-100 dark:text-gray-700 rounded-full p-3 transition-all duration-150 hover:bg-immich-primary/75"
class="bg-immich-primary dark:bg-immich-dark-primary text-gray-100 dark:text-gray-700 rounded-full p-3 transition-all duration-150 hover:bg-immich-primary/75"
title="Log out"
>
<TrashCanOutline size="16" />

4
web/src/lib/components/user-settings-page/partner-selection-modal.svelte
View File

@ -62,7 +62,7 @@
{user.firstName}
{user.lastName}
</p>
<p class="text-xs ">
<p class="text-xs">
{user.email}
</p>
</div>
@ -75,7 +75,7 @@
{/if}
{#if selectedUsers.length > 0}
<div class="flex place-content-end p-5 ">
<div class="flex place-content-end p-5">
<Button size="sm" rounded="lg" on:click={() => dispatch('add-users', selectedUsers)}>
Add
</Button>

4
web/src/lib/components/user-settings-page/user-api-key-list.svelte
View File

@ -156,13 +156,13 @@
<td class="text-sm px-4 w-1/3 text-ellipsis">
<button
on:click={() => (editKey = key)}
class="bg-immich-primary dark:bg-immich-dark-primary text-gray-100 dark:text-gray-700 rounded-full p-3 transition-all duration-150 hover:bg-immich-primary/75"
class="bg-immich-primary dark:bg-immich-dark-primary text-gray-100 dark:text-gray-700 rounded-full p-3 transition-all duration-150 hover:bg-immich-primary/75"
>
<PencilOutline size="16" />
</button>
<button
on:click={() => (deleteKey = key)}
class="bg-immich-primary dark:bg-immich-dark-primary text-gray-100 dark:text-gray-700 rounded-full p-3 transition-all duration-150 hover:bg-immich-primary/75"
class="bg-immich-primary dark:bg-immich-dark-primary text-gray-100 dark:text-gray-700 rounded-full p-3 transition-all duration-150 hover:bg-immich-primary/75"
>
<TrashCanOutline size="16" />
</button>

2
web/src/routes/(user)/archive/+page.svelte
View File

@ -228,7 +228,7 @@
{#if isShowAddMenu}
<ContextMenu {...contextMenuPosition} on:clickoutside={() => (isShowAddMenu = false)}>
<div class="flex flex-col rounded-lg ">
<div class="flex flex-col rounded-lg">
<MenuOption on:click={handleAddToFavorites} text="Add to Favorites" />
<MenuOption on:click={() => handleShowAlbumPicker(false)} text="Add to Album" />
<MenuOption on:click={() => handleShowAlbumPicker(true)} text="Add to Shared Album" />

2
web/src/routes/(user)/photos/+page.svelte
View File

@ -206,7 +206,7 @@
{#if isShowAddMenu}
<ContextMenu {...contextMenuPosition} on:clickoutside={() => (isShowAddMenu = false)}>
<div class="flex flex-col rounded-lg ">
<div class="flex flex-col rounded-lg">
<MenuOption on:click={handleAddToFavorites} text="Add to Favorites" />
<MenuOption on:click={() => handleShowAlbumPicker(false)} text="Add to Album" />
<MenuOption on:click={() => handleShowAlbumPicker(true)} text="Add to Shared Album" />

2
web/src/routes/(user)/search/+page.svelte
View File

@ -274,7 +274,7 @@
{#if isShowAddMenu}
<ContextMenu {...contextMenuPosition} on:clickoutside={() => (isShowAddMenu = false)}>
<div class="flex flex-col rounded-lg ">
<div class="flex flex-col rounded-lg">
<MenuOption
on:click={toggleFavorite}
text={isAllFavorite ? 'Remove from favorites' : 'Add to favorites'}

2
web/src/routes/(user)/sharing/sharedlinks/+page.svelte
View File

@ -71,7 +71,7 @@
<svelte:fragment slot="leading">Shared links</svelte:fragment>
</ControlAppBar>
<section class="flex flex-col pb-[120px] mt-[120px]">
<section class="flex flex-col pb-[120px] mt-[120px]">
<div class="w-[50%] m-auto mb-4 dark:text-immich-gray">
<p>Manage shared links</p>
</div>

2
web/src/routes/+error.svelte
View File

@ -43,7 +43,7 @@
</section>
<div
class="fixed top-0 w-full h-full bg-black/50 flex place-items-center place-content-center overflow-hidden"
class="fixed top-0 w-full h-full bg-black/50 flex place-items-center place-content-center overflow-hidden"
>
<div>
<div

2
web/src/routes/+page.svelte
View File

@ -6,7 +6,7 @@
<section class="h-screen w-screen flex place-items-center place-content-center">
<div class="flex flex-col place-items-center gap-8 text-center max-w-[350px]">
<div class="flex place-items-center place-content-center ">
<div class="flex place-items-center place-content-center">
<ImmichLogo class="text-center" height="200" width="200" />
</div>
<h1

2
web/src/routes/admin/+layout.svelte
View File

@ -72,7 +72,7 @@
</div>
</SideBarSection>
<section class="overflow-y-auto immich-scrollbar ">
<section class="overflow-y-auto immich-scrollbar">
<div id="setting-title" class="pt-10 w-full bg-immich-bg dark:bg-immich-dark-bg">
<h1 class="text-lg ml-8 mb-4 text-immich-primary dark:text-immich-dark-primary font-medium">
{getPageTitle(data.routeId)}

12
web/src/routes/admin/user-management/+page.svelte
View File

@ -191,13 +191,13 @@
{#if !isDeleted(user)}
<button
on:click={() => editUserHandler(user)}
class="bg-immich-primary dark:bg-immich-dark-primary text-gray-100 dark:text-gray-700 rounded-full p-3 transition-all duration-150 hover:bg-immich-primary/75"
class="bg-immich-primary dark:bg-immich-dark-primary text-gray-100 dark:text-gray-700 rounded-full p-3 transition-all duration-150 hover:bg-immich-primary/75"
>
<PencilOutline size="16" />
</button>
<button
on:click={() => deleteUserHandler(user)}
class="bg-immich-primary dark:bg-immich-dark-primary text-gray-100 dark:text-gray-700 rounded-full p-3 transition-all duration-150 hover:bg-immich-primary/75"
class="bg-immich-primary dark:bg-immich-dark-primary text-gray-100 dark:text-gray-700 rounded-full p-3 transition-all duration-150 hover:bg-immich-primary/75"
>
<TrashCanOutline size="16" />
</button>
@ -205,7 +205,7 @@
{#if isDeleted(user)}
<button
on:click={() => restoreUserHandler(user)}
class="bg-immich-primary dark:bg-immich-dark-primary text-gray-100 dark:text-gray-700 rounded-full p-3 transition-all duration-150 hover:bg-immich-primary/75"
class="bg-immich-primary dark:bg-immich-dark-primary text-gray-100 dark:text-gray-700 rounded-full p-3 transition-all duration-150 hover:bg-immich-primary/75"
title={`scheduled removal on ${getDeleteDate(user)}`}
>
<DeleteRestore size="16" />
@ -252,13 +252,13 @@
{#if !isDeleted(user)}
<button
on:click={() => editUserHandler(user)}
class="bg-immich-primary dark:bg-immich-dark-primary text-gray-100 dark:text-gray-700 rounded-full sm:p-3 p-2 max-sm:mb-1 transition-all duration-150 hover:bg-immich-primary/75"
class="bg-immich-primary dark:bg-immich-dark-primary text-gray-100 dark:text-gray-700 rounded-full sm:p-3 p-2 max-sm:mb-1 transition-all duration-150 hover:bg-immich-primary/75"
>
<PencilOutline size="16" />
</button>
<button
on:click={() => deleteUserHandler(user)}
class="bg-immich-primary dark:bg-immich-dark-primary text-gray-100 dark:text-gray-700 rounded-full sm:p-3 p-2 transition-all duration-150 hover:bg-immich-primary/75"
class="bg-immich-primary dark:bg-immich-dark-primary text-gray-100 dark:text-gray-700 rounded-full sm:p-3 p-2 transition-all duration-150 hover:bg-immich-primary/75"
>
<TrashCanOutline size="16" />
</button>
@ -266,7 +266,7 @@
{#if isDeleted(user)}
<button
on:click={() => restoreUserHandler(user)}
class="bg-immich-primary dark:bg-immich-dark-primary text-gray-100 dark:text-gray-700 rounded-full sm:p-3 p-2 transition-all duration-150 hover:bg-immich-primary/75"
class="bg-immich-primary dark:bg-immich-dark-primary text-gray-100 dark:text-gray-700 rounded-full sm:p-3 p-2 transition-all duration-150 hover:bg-immich-primary/75"
title={`scheduled removal on ${getDeleteDate(user)}`}
>
<DeleteRestore size="16" />