From 9b50b53df67efd64952c396c47f79dff4942ea0d Mon Sep 17 00:00:00 2001
From: DebaucheryLibrarian <DebaucheryLibrarian@unknown.name>
Date: Tue, 19 Mar 2024 21:38:08 +0100
Subject: [PATCH] Improved scene page poster and album scaling.

---
 assets/css/style.css          |  2 +-
 pages/scene/+Page.vue         | 15 +++++++--------
 pages/tags/+Page.vue          |  6 +++++-
 pages/tags/+onBeforeRender.js |  2 +-
 4 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index a622add..ad72ec1 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -14,7 +14,7 @@ body,
 body {
     margin: 0;
     color: var(--text);
-	font-family: sans-serif;
+	font-family: Arial, Helvetica, sans-serif;
 }
 
 .link {
diff --git a/pages/scene/+Page.vue b/pages/scene/+Page.vue
index 956a7ad..e9b7cda 100644
--- a/pages/scene/+Page.vue
+++ b/pages/scene/+Page.vue
@@ -246,12 +246,12 @@ async function unstash() {
 .banner-container {
 	background-position: center;
 	background-size: cover;
-	border-radius: .5rem .5rem 0 0;
+	border-radius: .25rem .5rem 0 0;
 	margin-top: .5rem;
 }
 
 .banner {
-	max-height: 18rem;
+	max-height: 21rem;
 	border-radius: .5rem .5rem 0 0;
 	display: flex;
 	font-size: 0;
@@ -260,16 +260,14 @@ async function unstash() {
 }
 
 .poster-container {
+	flex-shrink: 0;
 	padding: .5rem;
-	max-height: 18rem;
 }
 
 .poster {
-	height: auto;
-	max-height: 100%;
-	width: auto;
-	max-width: 100%;
-	border-radius: .5rem;
+	height: 100%;
+	width: 100%;
+	border-radius: .25rem;
 }
 
 .poster,
@@ -465,6 +463,7 @@ async function unstash() {
 	.poster-container {
 		padding: 0;
 		border-radius: 0;
+		flex-shrink: 1;
 	}
 
 	.poster {
diff --git a/pages/tags/+Page.vue b/pages/tags/+Page.vue
index 2e73134..ac1456d 100644
--- a/pages/tags/+Page.vue
+++ b/pages/tags/+Page.vue
@@ -27,7 +27,7 @@
 				<h3
 					:id="category"
 					class="category-heading"
-				>{{ category }}</h3>
+				>{{ categoryTitles[category] || category }}</h3>
 
 				<ul
 					class="tags nolist"
@@ -87,6 +87,10 @@ const showcase = pageContext.pageProps.tagShowcase;
 const categories = ref(null);
 const content = ref(null);
 
+const categoryTitles = {
+	lgbt: 'LGBT',
+};
+
 const activeCategory = ref(null);
 
 function calculateActiveCategory() {
diff --git a/pages/tags/+onBeforeRender.js b/pages/tags/+onBeforeRender.js
index fabbc9d..b65ba0b 100644
--- a/pages/tags/+onBeforeRender.js
+++ b/pages/tags/+onBeforeRender.js
@@ -31,7 +31,7 @@ const tagSlugs = {
 		'tattoos',
 		'piercings',
 	],
-	sexuality: [
+	lgbt: [
 		'gay',
 		'bisexual',
 		'transsexual',