diff --git a/src/components/Cover.vue b/src/components/Cover.vue index 705941b..d81cfc7 100644 --- a/src/components/Cover.vue +++ b/src/components/Cover.vue @@ -100,6 +100,7 @@ img { border-radius: 0.75em; width: 100%; user-select: none; + aspect-ratio: 1 / 1; } .cover-hover { @@ -156,6 +157,7 @@ img { z-index: -1; background-size: cover; border-radius: 0.75em; + aspect-ratio: 1 / 1; } .fade-enter-active, diff --git a/src/components/CoverRow.vue b/src/components/CoverRow.vue index 164bccc..1aa7dca 100644 --- a/src/components/CoverRow.vue +++ b/src/components/CoverRow.vue @@ -10,7 +10,7 @@ :imageUrl="getImageUrl(item)" :type="type" :id="item.id" - :playButtonSize="type === 'artist' ? 26 : 22" + :playButtonSize="type === 'artist' ? 26 : playButtonSize" />