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

feat(web) dark mode (#867)

Browse source
This commit is contained in:
Alex 2022-10-26 11:10:48 -05:00 • committed by GitHub
parent ae96508e15
commit f94176a910
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
39 changed files with 362 additions and 186 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -207,7 +207,7 @@
<div
transition:fly={{ duration: 150 }}
id="detail-panel"
class="bg-immich-bg w-[360px] row-span-full transition-all overflow-y-auto"
class="bg-immich-bg w-[360px] row-span-full transition-all overflow-y-auto dark:bg-immich-dark-bg dark:border-l dark:border-l-immich-dark-gray"
translate="yes"
>
<DetailPanel {asset} albums={appearsInAlbums} on:close={() => (isShowDetail = false)} />

14
web/src/lib/components/asset-viewer/detail-panel.svelte
View file

@ -97,16 +97,16 @@
};
</script>
<section class="p-2">
<section class="p-2 dark:bg-immich-dark-bg dark:text-immich-dark-fg">
<div class="flex place-items-center gap-2">
<button
class="rounded-full p-3 flex place-items-center place-content-center hover:bg-gray-200 transition-colors"
class="rounded-full p-3 flex place-items-center place-content-center hover:bg-gray-200 transition-colors dark:text-immich-dark-fg dark:hover:bg-gray-900"
on:click={() => dispatch('close')}
>
<Close size="24" color="#232323" />
<Close size="24" />
</button>
<p class="text-immich-fg text-lg">Info</p>
<p class="text-immich-fg dark:text-immich-dark-fg text-lg">Info</p>
</div>
<div class="px-4 py-4">
@ -202,10 +202,10 @@
<div class="h-[360px] w-full" id="map" />
</div>
<section class="p-2">
<section class="p-2 dark:text-immich-dark-fg">
<div class="px-4 py-4">
{#if albums.length > 0}
<p class="text-sm pb-4">APPEARS IN</p>
<p class="text-sm pb-4 ">APPEARS IN</p>
{/if}
{#each albums as album}
<a data-sveltekit-prefetch href={`/albums/${album.id}`}>
@ -219,7 +219,7 @@
</div>
<div class="mt-auto mb-auto">
<p>{album.albumName}</p>
<p class="dark:text-immich-dark-primary">{album.albumName}</p>
<div class="flex gap-2 text-sm">
<p>{album.assetCount} items</p>
{#if album.shared}