From e501118a5a939018cb8337fa141a0fe14b977c0a Mon Sep 17 00:00:00 2001 From: Jonas Heinrich <onny@project-insanity.org> Date: Sat, 6 Feb 2021 14:00:44 +0100 Subject: [PATCH] fix show grid view left-align --- CHANGELOG.md | 4 ++++ src/components/ItemGrid.vue | 5 ++--- src/services/ShowApi.js | 2 +- 3 files changed, 7 insertions(+), 4 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 4569af6..9d75ad8 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -9,6 +9,10 @@ [#130](https://git.project-insanity.org/onny/nextcloud-app-podcast/-/issues/130) @onny ### Fixed +- Fix shows grid view layout left-align + [#105](https://git.project-insanity.org/onny/nextcloud-app-podcast/-/issues/105) @onny +- Trim podcast episode description in show view + [#123](https://git.project-insanity.org/onny/nextcloud-app-podcast/-/issues/123) @onny - Player: Display correct position while seeking [#124](https://git.project-insanity.org/onny/nextcloud-app-podcast/-/issues/124) @onny - Fix app description, added more screenshots diff --git a/src/components/ItemGrid.vue b/src/components/ItemGrid.vue index 173ad81..440598a 100644 --- a/src/components/ItemGrid.vue +++ b/src/components/ItemGrid.vue @@ -88,13 +88,12 @@ export default { .grid { display: grid; - grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); + grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); + grid-gap: 15px; } .podcastCard { height: 220px; - margin-right: 15px; - flex-shrink: 0; background: rgba(241, 241, 241, 0.6); border-radius: 3px; padding: 15px; diff --git a/src/services/ShowApi.js b/src/services/ShowApi.js index 6cc7c61..f0b18af 100644 --- a/src/services/ShowApi.js +++ b/src/services/ShowApi.js @@ -39,8 +39,8 @@ export class ShowApi { imgurl: show.smallImageURL, title: show.title, author: show.author, - lastpub: show.lastpub, } + // lastpub: show.lastpub, axios.defaults.headers.requesttoken = requesttoken return axios.post(this.url('/shows'), show) .then( -- GitLab