Added tag pages.

components/filters/actors.vue

@@ -63,6 +63,7 @@
 		<UseVirtualList
 			:list="availableActors"
 			:options="{ itemHeight: 30 }"
+			style="height: 20rem;"
 			class="filter-items nolist"
 		>
 			<template #default="{ data: actor, index }">
@@ -153,8 +154,7 @@ function selectGender() {
 	border-top: solid 1px var(--shadow-weak-30);
 }
 
-.list {
-	height: 15rem;
-	overflow-y: auto;
+.filter-items {
+	max-height: unset;
 }
 </style>

components/filters/channels.vue

@@ -144,7 +144,7 @@ const entities = computed(() => {
 
 <style scoped>
 .filter-items {
-	max-height: 10rem;
+	max-height: 15rem;
 	overflow-y: auto;
 }
 

components/filters/filters.vue

@@ -178,6 +178,15 @@ function toggleFilters(state) {
 			}
 		}
 	}
+
+	&.disabled {
+		opacity: .5;
+		pointer-events: none;
+
+		.filter-include {
+			visibility: hidden;
+		}
+	}
 }
 
 .filter-name {

components/filters/tags.vue

@@ -49,7 +49,11 @@
 				v-for="(tag, index) in group"
 				:key="`filter-tag-${tag.id}`"
 				class="filter-item"
-				:class="{ selected: filters.tags.includes(tag.slug), first: groupKey === 'available' && index === 0 && filters.tags.length > 0 }"
+				:class="{
+					selected: filters.tags.includes(tag.slug),
+					first: groupKey === 'available' && index === 0 && filters.tags.length > 0,
+					disabled: groupKey === 'page',
+				}"
 				@click="emit('update', 'tags', [tag.slug])"
 			>
 				<div
@@ -144,11 +148,16 @@ const groupedtags = computed(() => {
 			return 0;
 		});
 
-		return { selected, available };
+		return {
+			// page: [pageTag],
+			selected,
+			available,
+		};
 	}
 
 	if (order.value === 'priority') {
 		return {
+			// page: [pageTag],
 			selected,
 			available: [
 				...priorityTags.map((priorityTag) => filtered.find((tag) => tag.slug === priorityTag)).filter(Boolean),
@@ -158,6 +167,7 @@ const groupedtags = computed(() => {
 	}
 
 	return {
+		// page: [pageTag],
 		selected,
 		available: filtered,
 	};
@@ -175,7 +185,7 @@ function toggleTag(tag) {
 
 <style scoped>
 .filter-items {
-	max-height: 10rem;
+	max-height: 15rem;
 	overflow-y: auto;
 }