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
This commit is contained in:
Matthias Rupp
2023-03-12 01:43:54 +01:00
committed by GitHub
parent 8adca31c24
commit ceb81d00fc
2 changed files with 4 additions and 4 deletions

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