Added logos to tag photos.

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;