Removed auto width from tile banners to prevent blurry upscaling. Fixed tag photo paths.

components/campaigns/campaign.vue

@@ -85,7 +85,6 @@ const bannerSrc = (() => {
 }
 
 .campaign-banner {
-	width: auto;
 	height: auto;
 	max-height: 100%;
 	max-width: 100%;

components/pagination/pagination.vue

@@ -3,6 +3,7 @@
 		<Campaign
 			v-if="campaigns?.pagination"
 			:campaign="campaigns.pagination"
+			class="campaign-pagination"
 		/>
 
 		<div
@@ -301,6 +302,10 @@ function getPath(page) {
 	padding: 0 1rem;
 }
 
+:deep(.campaign-pagination) .campaign-banner {
+	width: auto;
+}
+
 @media(--small-10) {
 	.campaign {
 		padding: 0;

components/scenes/scenes.vue

@@ -65,6 +65,7 @@
 				<Campaign
 					v-if="campaigns?.meta"
 					:campaign="campaigns.meta"
+					class="campaign-meta"
 				/>
 
 				<div class="views">
@@ -155,6 +156,7 @@
 				<Campaign
 					v-if="campaigns?.scope"
 					:campaign="campaigns.scope"
+					class="campaign-scope"
 				/>
 			</nav>
 
@@ -434,10 +436,15 @@ function setView(newView) {
 
 	:deep(.campaign) .campaign-banner {
 		border-radius: .25rem;
-		box-shadow: 0 0 3px var(--shadow-weak-20);
+		filter: drop-shadow(0 0 3px var(--shadow-weak-20));
 	}
 }
 
+:deep(.campaign-meta) .campaign-banner,
+:deep(.campaign-scope) .campaign-banner {
+	width: auto;
+}
+
 .scopes {
 	display: flex;
 	align-items: flex-end;

components/scenes/tile.vue

@@ -130,7 +130,7 @@ const props = defineProps({
 });
 
 const pageContext = inject('pageContext');
-const { user, restriction } = pageContext;
+const { user } = pageContext;
 const pageStash = pageContext.pageProps.stash;
 const currentStash = pageStash || pageContext.assets?.primaryStash;
 

components/tags/photos.vue

@@ -14,8 +14,8 @@
 			class="photo-container"
 		>
 			<img
-				:src="getPath(photo, 'thumbnail')"
+				:src="getPath(photo, 'thumbnail', { local: true })"
-				:style="{ 'background-image': `url(${getPath(photo, 'lazy')})` }"
+				:style="{ 'background-image': `url(${getPath(photo, 'lazy', { local: true })})` }"
 				:alt="photo.comment"
 				:width="photo.width"
 				:height="photo.height"