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
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 4 deletions

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}