From 1deb3df8cef6e4624390e304be4e0952c7779f09 Mon Sep 17 00:00:00 2001
From: ArneBo <arne@ecobasa.org>
Date: Fri, 24 Jan 2025 03:00:07 +0100
Subject: [PATCH] fix(front): mistakes

---
 front/src/components/playlists/Card.vue | 16 +++++++---------
 front/src/components/ui/Pagination.vue  |  2 +-
 2 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/front/src/components/playlists/Card.vue b/front/src/components/playlists/Card.vue
index 07c548c64..910f9c259 100644
--- a/front/src/components/playlists/Card.vue
+++ b/front/src/components/playlists/Card.vue
@@ -29,7 +29,6 @@ const images = computed(() => {
   return urls
 })
 
-
 const bgcolors = ref([
   '#f2efef',
   '#eee9e9',
@@ -50,7 +49,6 @@ function shuffleArray(array: string[]): string[] {
 
 const randomizedColors = computed(() => shuffleArray(bgcolors.value));
 
-
 const goToPlaylist = () => {
   router.push({name: 'library.playlists.detail', params: {id: props.playlist.id}})
 }
@@ -85,7 +83,6 @@ const goToPlaylist = () => {
       <div class="playlist-meta">
         <ActorLink
           :actor="playlist.actor"
-          :avatar="false"
         />
       </div>
     </template>
@@ -103,19 +100,20 @@ const goToPlaylist = () => {
   </Card>
 </template>
 
-<style scoped>
+<style lang="scss" scoped>
 .playlist-grid {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-template-rows: repeat(2, 1fr);
   gap: 2px;
+
+  > img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
 }
 
-.playlist-grid img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
 
 .playlist-meta {
   display: flex;
diff --git a/front/src/components/ui/Pagination.vue b/front/src/components/ui/Pagination.vue
index 1f2955cf2..788fcfe56 100644
--- a/front/src/components/ui/Pagination.vue
+++ b/front/src/components/ui/Pagination.vue
@@ -107,7 +107,7 @@ const setPage = () => {
 
     <div class="goto">
       {{ t('vui.go-to') }}
-      <Input :placeholder="page?.toString()" @keyup.enter="setPage" @keydown="preventNonNumeric"
+      <Input :placeholder="page.toString()" @keyup.enter="setPage" @keydown="preventNonNumeric"
         inputmode="numeric" pattern="[0-9]* // TODO: Move number input functionality into `Input` component"
         v-model="goTo" />
     </div>