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

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