Added with arguments on images with fixes sizes in video repository (#…

…105) * Added with arguments on images with fixes sizes * Please linter
directus · Dec 22, 2023 · ee10c8f · ee10c8f
1 parent ee5ff3e
commit ee10c8f
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 4 deletions.
diff --git a/components/Tv/TVEpisode.vue b/components/Tv/TVEpisode.vue
@@ -1,6 +1,6 @@
 <template>
 	<NuxtLink :to="`/tv/${show.slug}/${episode.slug}`" class="episode">
-		<img :src="`${directusUrl}/assets/${episode.tile}`" alt="" />
+		<img :src="`${directusUrl}/assets/${episode.tile}?width=300`" alt="" />
 		<div>
 			<h3>
 				{{ episode.episode_number }}:

diff --git a/components/Tv/TVHero.vue b/components/Tv/TVHero.vue
@@ -6,7 +6,7 @@
 		<TVNavigation />
 		<BaseContainer>
 			<div class="featured">
-				<img :src="`${directusUrl}/assets/${logo}`" :alt="title" />
+				<img :src="`${directusUrl}/assets/${logo}?width=300`" :alt="title" />
 				<h2>{{ title }}</h2>
 				<p>{{ description }}</p>
 

diff --git a/components/Tv/TVShow.vue b/components/Tv/TVShow.vue
@@ -1,6 +1,6 @@
 <template>
 	<NuxtLink :to="`/tv/${slug}`" class="show">
-		<img :src="`${directusUrl}/assets/${tile}`" :alt="title" />
+		<img :src="`${directusUrl}/assets/${tile}?width=300`" :alt="title" />
 		<h3>{{ title }}</h3>
 	</NuxtLink>
 </template>

diff --git a/pages/tv/[show]/[episode].vue b/pages/tv/[show]/[episode].vue
@@ -22,7 +22,10 @@
 				</div>
 				<div class="links">
 					<NuxtLink :to="`/tv/${route.params.show}`" class="show">
-						<img :src="`${directusUrl}/assets/${episode.season.show.tile}`" :alt="episode.season.show.title" />
+						<img
+							:src="`${directusUrl}/assets/${episode.season.show.tile}?width=300`"
+							:alt="episode.season.show.title"
+						/>
 					</NuxtLink>
 					<div v-if="episode.people" class="people">
 						<h2>People</h2>