components/header/header.vue

@@ -14,7 +14,6 @@
 				<li class="nav-item">
 					<Link
 						class="link"
-						:class="{ active: activePage === 'updates' }"
 						href="/updates"
 					>Updates</Link>
 				</li>
@@ -22,7 +21,6 @@
 				<li class="nav-item">
 					<Link
 						class="link"
-						:class="{ active: activePage === 'actors' }"
 						href="/actors"
 					>Actors</Link>
 				</li>
@@ -30,7 +28,6 @@
 				<li class="nav-item">
 					<Link
 						class="link"
-						:class="{ active: activePage === 'channels' }"
 						href="/channels"
 					>Channels</Link>
 				</li>
@@ -38,7 +35,6 @@
 				<li class="nav-item">
 					<Link
 						class="link"
-						:class="{ active: activePage === 'tags' }"
 						href="/tags"
 					>Tags</Link>
 				</li>
@@ -46,7 +42,6 @@
 				<li class="nav-item">
 					<Link
 						class="link"
-						:class="{ active: activePage === 'movies' }"
 						href="/movies"
 					>Movies</Link>
 				</li>
@@ -70,7 +65,7 @@
 </template>
 
 <script setup>
-import { ref, computed, inject } from 'vue';
+import { ref, inject } from 'vue';
 import navigate from '#/src/navigate.js';
 
 import logo from '../../assets/img/logo.svg?raw'; // eslint-disable-line import/no-unresolved
@@ -78,8 +73,6 @@ import logo from '../../assets/img/logo.svg?raw'; // eslint-disable-line import/
 const pageContext = inject('pageContext');
 const query = ref(pageContext.urlParsed.search.q || '');
 
-const activePage = computed(() => pageContext.urlParsed.pathname.split('/')[1]);
-
 function search() {
 	navigate('/search', { q: query.value }, { redirect: true });
 }

package-lock.json

@@ -1,11 +1,11 @@
 {
   "name": "traxxx-web",
-  "version": "0.7.1",
+  "version": "0.7.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
-      "version": "0.7.1",
+      "version": "0.7.0",
       "dependencies": {
         "@brillout/json-serializer": "^0.5.8",
         "@floating-ui/dom": "^1.5.3",

package.json

@@ -57,5 +57,5 @@
     "postcss-custom-media": "^10.0.2",
     "postcss-nesting": "^12.0.2"
   },
-  "version": "0.7.1"
+  "version": "0.7.0"
 }

pages/movies/+Page.vue

@@ -33,26 +33,6 @@
 			/>
 		</Filters>
 
-		<div class="movies-container">
-			<div class="movies-header">
-				<div class="meta">{{ total }} results</div>
-
-				<select
-					v-model="scope"
-					class="input"
-					@change="search({ autoScope: false })"
-				>
-					<option value="likes">Likes</option>
-					<option value="latest">Latest</option>
-					<option value="upcoming">Upcoming</option>
-					<option value="new">New</option>
-					<option
-						value="results"
-						:disabled="!filters.search"
-					>Relevance</option>
-				</select>
-			</div>
-
 		<ul class="movies nolist">
 			<li
 				v-for="movie in movies"
@@ -79,7 +59,7 @@
 					>
 				</a>
 
-					<div class="tile-meta">
+				<div class="meta">
 					<div class="channel">
 						<Link
 							:href="movie.channel.isIndependent || !movie.network ? `/${movie.channel.type}/${movie.channel.slug}` : `/${movie.network.type}/${movie.network.slug}`"
@@ -143,7 +123,6 @@
 			</li>
 		</ul>
 	</div>
-	</div>
 </template>
 
 <script setup>
@@ -285,30 +264,11 @@ function updateFilter(prop, value, reload = true) {
 	background: var(--background-base-10);
 }
 
-.movies-container {
-	display: flex;
-	flex-direction: column;
-	flex-grow: 1;
-}
-
-.movies-header {
-	display: flex;
-	align-items: center;
-	padding: .5rem 1rem .25rem 3rem;
-}
-
-.meta {
-	display: flex;
-	flex-grow: 1;
-	justify-content: space-between;
-	align-items: center;
-}
-
 .movies {
 	display: grid;
 	grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
 	gap: 1rem;
-	padding: .5rem 1rem 1rem 1rem;
+	padding: 1rem;
 }
 
 .movie {
@@ -347,7 +307,7 @@ function updateFilter(prop, value, reload = true) {
 	opacity: .1;
 }
 
-.tile-meta {
+.meta {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;