Added logos to tag photos.

assets/components/tags/photos.vue

@@ -17,6 +17,8 @@
 				@load="$emit('load', $event)"
 			>
 
+			<Logo :photo="poster" />
+
 			<span
 				v-if="poster.comment"
 				class="photo-comment"
@@ -40,6 +42,8 @@
 				@load="$emit('load', $event)"
 			>
 
+			<Logo :photo="photo" />
+
 			<span
 				v-if="photo.comment"
 				class="photo-comment"
@@ -49,6 +53,8 @@
 </template>
 
 <script>
+import Logo from '../album/logo.vue';
+
 function poster() {
 	if (this.$store.state.ui.sfw) {
 		return this.tag.poster.sfw;
@@ -66,6 +72,9 @@ function photos() {
 }
 
 export default {
+	components: {
+		Logo,
+	},
 	props: {
 		tag: {
 			type: Object,
@@ -120,8 +129,14 @@ export default {
 		margin: 0 1rem 0 0;
 	}
 
-	&:hover .photo-comment {
-		transform: translateY(0);
+	&:hover {
+		.photo-comment {
+			transform: translateY(0);
+		}
+
+		.album-logo {
+			opacity: 0;
+		}
 	}
 }
 

assets/components/tags/tag.vue

@@ -63,7 +63,6 @@
 </template>
 
 <script>
-/* eslint-disable no-v-html */
 import { Converter } from 'showdown';
 
 import escapeHtml from '../../../src/utils/escape-html';

assets/components/tags/tile.vue

@@ -45,6 +45,11 @@
 				loading="lazy"
 				class="poster"
 			>
+
+			<Logo
+				:photo="tag.poster"
+				favicon
+			/>
 		</router-link>
 
 		<router-link
@@ -61,11 +66,16 @@
 </template>
 
 <script>
+import Logo from '../album/logo.vue';
+
 function sfw() {
 	return this.$store.state.ui.sfw;
 }
 
 export default {
+	components: {
+		Logo,
+	},
 	props: {
 		tag: {
 			type: Object,
@@ -93,11 +103,11 @@ export default {
 
 	&:hover {
 		.poster {
-			box-shadow: 0 0 3px var(--darken);
+			box-shadow: 0 0 2px var(--darken);
 		}
 
 		.title {
-			background: var(--primary);
+			color: var(--primary);
 		}
 	}
 }
@@ -111,14 +121,17 @@ export default {
     box-shadow: 0 0 3px var(--darken-weak);
 }
 
+.poster-link {
+	position: relative;
+}
+
 .title {
 	display: block;
     box-sizing: border-box;
-    padding: .5rem 1rem;
+    padding: .5rem;
 	overflow: hidden;
 	white-space: nowrap;
-	color: var(--text-light);
-	background: var(--profile);
+	color: var(--shadow-strong);
 	text-decoration: none;
 	font-size: .9rem;
     font-weight: bold;