From 89956f3ad5d8e542e6d32b5417fc1afa2710c27f Mon Sep 17 00:00:00 2001 From: DebaucheryLibrarian Date: Fri, 29 Jan 2021 15:36:54 +0100 Subject: [PATCH] Increased album tile size. --- assets/components/album/album.vue | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/assets/components/album/album.vue b/assets/components/album/album.vue index 9599e027..63e5a7b4 100644 --- a/assets/components/album/album.vue +++ b/assets/components/album/album.vue @@ -100,7 +100,7 @@ export default { display: grid; align-items: center; justify-content: center; - grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); + grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr)); grid-gap: 0 1rem; padding: 1rem; margin: auto 0; @@ -122,6 +122,12 @@ export default { margin: 0 0 1rem 0; } +@media(max-width: $breakpoint-kilo) { + .album-items { + grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr)); + } +} + @media(max-width: $breakpoint) { .album-items { grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));