Remove progress bars until they are function and fix Plex badge sizing

src/app/components/MovieList.vue

@@ -2,23 +2,18 @@
 	<ul class="w-full grid gap-4 grid-cols-1 md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-6 2xl:grid-cols-8 lg:gap-8">
 		<li class="flex flex-row bg-white rounded-lg overflow-hidden shadow-md lg:flex-col transform hover:scale-105 transition-transform cursor-pointer" v-for="(movie, index) in movies"
 			@click="$emit('onClickMovie', movie, index)">
-			<movie-poster class="w-3/12 lg:w-full flex-shrink-0" :is-on-plex="movie.plexLink !== null"
-				:src="movie.posterPath ?? undefined" size="w185"/>
+			<movie-poster class="w-3/12 lg:w-full flex-shrink-0" :src="movie.posterPath ?? undefined" size="w185"/>
 			<div class="relative box-border p-4 flex flex-col justify-center w-full lg:h-full text-md xs:text-lg sm:text-xl md:text-base xl:text-sm" style="box-shadow: 0px -10px 10px rgba(0, 0, 0, 0.10);">
 				<div class="flex-grow flex flex-col justify-center lg:justify-start">
 					<h3 class="font-medium">{{ movie.title }}</h3>
 					<span v-if="movie.releaseDate" class="opacity-50">{{ movie.releaseDate.slice(0, 4) }}</span>
 				</div>
 				<div v-if="movie.plexLink" title="Added to Plex" class="flex">
-					<div class="inline-block bg-ui-plexGray rounded-full w-1/6 lg:w-1/4">
+					<div class="inline-block bg-ui-plexGray rounded-full w-1/6 lg:w-1/3">
 						<img src="../assets/plex_logo.svg" alt="Added to Plex" style="margin: 15% 25%;"/>
 					</div>
 				</div>
-				<!-- <div class="poster-decal" v-if="isOnPlex">
-					<img class="w-full" src="../assets/plex_logo.svg" alt="Watchable now on Plex"/>
-				</div> -->
-				<!-- <div v-if="movie.plexLink" class="opacity-75 text-sm" style="background: rgb(31, 35. 38)">Added to Plex</div> -->
-				<div v-if="!movie.plexLink" class="flex flex-row items-end space-x-2">
+				<!-- <div class="flex flex-row items-end space-x-2">
 					<div class="w-full rounded-full bg-gray-200 overflow-hidden flex-grow-0">
 						<div class="w-1/2 bg-red-500 h-1"></div>
 					</div>
@@ -26,7 +21,7 @@
 						<span class="h-0 overflow-hidden">100%</span>
 						<span class="absolute left-0 text-center w-full opacity-75">{{ 50 }}%</span>
 					</div>
-				</div>
+				</div> -->
 			</div>
 		</li>
 	</ul>
@@ -41,11 +36,6 @@ export default defineComponent({
 	components: {
 		MoviePoster
 	},
-	data() {
-		return {
-
-		}
-	},
 	methods: {
 		onModalClosed() {
 			let parentPath = this.$route.path.split('/').slice(0, -1).join('/');

src/app/components/MoviePoster.vue

@@ -6,15 +6,6 @@
 		<div v-else class="poster-content bg-gray-300 text-gray-500">
 			<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="image" class="svg-inline--fa fa-image fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 448H48c-26.51 0-48-21.49-48-48V112c0-26.51 21.49-48 48-48h416c26.51 0 48 21.49 48 48v288c0 26.51-21.49 48-48 48zM112 120c-30.928 0-56 25.072-56 56s25.072 56 56 56 56-25.072 56-56-25.072-56-56-56zM64 384h384V272l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L208 320l-55.515-55.515c-4.686-4.686-12.284-4.686-16.971 0L64 336v48z"></path></svg>
 		</div>
-		<!-- <div class="poster-decal" v-if="isOnPlex">
-			<img class="w-full" src="../assets/plex_logo.svg" alt="Watchable now on Plex"/>
-		</div> -->
-		<!-- <div class="absolute inset-0 z-20 flex items-end justify-center p-4"> -->
-			<!-- <progress-ring class="w-1/3" fontSize="25" :ringWidth="10" :progress="0.99"/> -->
-			<!-- <div class="w-full rounded-full bg-gray-100">
-				<div class="w-1/2 bg-red-500" style="padding-top: 6%"></div>
-			</div> -->
-		<!-- </div> -->
 	</div>
 </template>
 
@@ -39,10 +30,6 @@ export default defineComponent({
 		}
 	},
 	props: {
-		isOnPlex: {
-			type: Boolean,
-			default: false
-		},
 		size: {
 			type: String,
 			default: "w342"