From c4f0b48932d3e9f04603530bc534c9594831b707 Mon Sep 17 00:00:00 2001
From: DebaucheryLibrarian <moonloop.adult@protonmail.com>
Date: Wed, 9 Feb 2022 00:19:54 +0100
Subject: [PATCH] Fixed cover dimensions on movie tile to show lazy image,
 showing missing cover icon.

---
 assets/components/releases/movie-tile.vue | 30 ++++++++++++++++++-----
 assets/components/tags/tags.vue           |  3 ++-
 src/scrapers/whalemember.js               |  2 --
 3 files changed, 26 insertions(+), 9 deletions(-)

diff --git a/assets/components/releases/movie-tile.vue b/assets/components/releases/movie-tile.vue
index 7330d3bb..4338a401 100644
--- a/assets/components/releases/movie-tile.vue
+++ b/assets/components/releases/movie-tile.vue
@@ -14,6 +14,12 @@
 					loading="lazy"
 				>
 
+				<div
+					v-else
+					:title="movie.title"
+					class="unavailable"
+				><Icon icon="blocked" /></div>
+
 				<Icon
 					v-show="(!stash || stash.primary) && favorited"
 					icon="heart7"
@@ -161,7 +167,6 @@ export default {
 }
 
 .movie {
-	height: 16rem;
 	display: flex;
 }
 
@@ -171,18 +176,30 @@ export default {
 }
 
 .cover {
-	height: 100%;
+	height: 16rem;
+	width: 11.25rem;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	flex-shrink: 0;
 	position: relative;
 	box-shadow: 0 0 3px var(--darken-weak);
+    background-color: var(--shadow-hint);
 
 	img {
 		height: 100%;
-		max-width: 12rem;
+		width: 100%;
 		background-position: center;
 		background-size: cover;
 		object-fit: cover;
 		object-position: center;
 	}
+
+	.unavailable .icon {
+		width: 2rem;
+		height: 2rem;
+		fill: var(--shadow-hint);
+	}
 }
 
 .info {
@@ -254,10 +271,10 @@ export default {
 .stash {
 	width: 1.5rem;
 	height: 1.5rem;
-	padding: .25rem .5rem .5rem .25rem;
+	padding: .25rem .5rem .5rem .5rem;
 	position: absolute;
 	top: 0;
-	right: 0;
+	left: 0;
 	fill: var(--lighten-weak);
 	filter: drop-shadow(0 0 2px var(--darken));
 
@@ -273,8 +290,9 @@ export default {
 }
 
 @media(max-width: $breakpoint-kilo) {
-	.movie {
+	.cover {
 		height: 12rem;
+		width: 8.25rem;
 	}
 
 	/* ensure no half actor names show */
diff --git a/assets/components/tags/tags.vue b/assets/components/tags/tags.vue
index 0a588e8a..6226c13d 100644
--- a/assets/components/tags/tags.vue
+++ b/assets/components/tags/tags.vue
@@ -45,12 +45,13 @@ const tagSlugsByCategory = {
 		'teen',
 		'milf',
 		'blowjob',
+		'gay',
+		'transsexual',
 		'dp',
 		'gangbang',
 		'facial',
 		'creampie',
 		'squirting',
-		'transsexual',
 	],
 	appearance: [
 		'asian',
diff --git a/src/scrapers/whalemember.js b/src/scrapers/whalemember.js
index 5ed60258..af5f0fa2 100644
--- a/src/scrapers/whalemember.js
+++ b/src/scrapers/whalemember.js
@@ -119,8 +119,6 @@ function scrapeScene(html, site, url) {
 }
 
 async function fetchLatest(site, page = 1) {
-	console.log(site.parameters);
-
 	const url = `${site.parameters?.latest || site.url}?page=${page}`;
 	const res = await http.get(url);