sascha
/
immich
mirror of https://github.com/immich-app/immich.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat(web): Make scaling of albums overview more responsive (#1981) 

* Make scaling of albums overview more responsive

* Adapt column sizes

* Run prettier

* Use tailwind magic instead of hard-coded breakpoints
pull/1994/head
Matthias Rupp 2023-03-12 01:43:54 +07:00 committed by GitHub
parent 8adca31c24
commit ceb81d00fc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/lib/components/album-page/album-card.svelte
Unescape Escape View File

@ -61,7 +61,7 @@
</script>
<div
class="h-[339px] w-[275px] hover:cursor-pointer mt-4 relative"
class="hover:cursor-pointer mt-4 relative"
on:click={() => dispatchClick('click', album)}
on:keydown={() => dispatchClick('click', album)}
data-testid="album-card"
@ -76,7 +76,7 @@
<CircleIconButton logo={DotsVertical} size={'20'} hoverColor={'rgba(95,99,104, 0.5)'} />
</div>
<div class={`h-[275px] w-[275px] z-[-1]`}>
<div class={`aspect-square z-[-1]`}>
<img
src={imageData}
alt={album.id}

4
web/src/routes/(user)/albums/+page.svelte
Unescape Escape View File

@ -45,7 +45,7 @@
<section class="overflow-y-auto relative immich-scrollbar">
<section
id="album-content"
class="relative pt-8 pl-4 mb-12 bg-immich-bg dark:bg-immich-dark-bg"
class="relative pt-8 pl-4 pr-4 mb-12 bg-immich-bg dark:bg-immich-dark-bg"
>
<div class="px-4 flex justify-between place-items-center dark:text-immich-dark-fg">
<div>
@ -70,7 +70,7 @@
</div>
<!-- Album Card -->
<div class="flex flex-wrap gap-8">
<div class="grid grid-cols-[repeat(auto-fill,minmax(15rem,1fr))] gap-8">
{#each $albums as album}
{#key album.id}
<a data-sveltekit-preload-data="hover" href={`albums/${album.id}`}>