Minor updates

This commit is contained in:
2025-10-21 21:41:12 +03:30
parent 1652d96859
commit 398b3ae53a
2 changed files with 7 additions and 10 deletions

View File

@@ -69,7 +69,7 @@ const alreadyAdded = computed(() =>
</div>
<!-- Actions -->
<div class="card-actions">
<div class="card-actions" v-auto-animate>
<button
v-if="!alreadyAdded"
class="btn px-6 bg-gradient-to-r from-gray-100 to-gray-200 border border-gray-300 text-gray-700 hover:from-gray-200 hover:to-gray-300"
@@ -82,7 +82,7 @@ const alreadyAdded = computed(() =>
class="btn px-6 bg-gradient-to-r from-red-50 to-red-100 border border-red-200 text-red-600 hover:from-red-100 hover:to-red-200"
@click="store.removeMovie(props.movie.imdbID)"
>
Remove from list
Remove from library
</button>
<RouterLink

View File

@@ -13,12 +13,9 @@ onMounted(() => {
</script>
<template>
<div
class="flex justify-center min-h-auto px-4 py-12 bg-gradient-to-b from-gray-50 to-white"
>
<div class="flex justify-center min-h-auto px-4 py-12 bg-gradient-to-b from-gray-50 to-white">
<div
class="w-full max-w-6xl bg-white/70 backdrop-blur-md border border-gray-200/60
shadow-md rounded-xl p-4 lg:p-8 transition flex flex-col items-center"
class="w-full max-w-6xl bg-white/70 backdrop-blur-md border border-gray-200/60 shadow-md rounded-xl p-4 lg:p-8 transition flex flex-col items-center"
v-motion-fade-visible-once
>
<!-- Title with Experimental badge -->
@@ -40,7 +37,7 @@ onMounted(() => {
<!-- Responsive iframe -->
<div v-show="isLoaded" class="w-full aspect-video rounded-lg overflow-hidden shadow-lg">
<iframe
:src="'https://vidlink.pro/movie/' + movieId"
:src="'https://vidlink.pro/movie/' + movieId + '?autoplay=true&title=false'"
frameborder="0"
allowfullscreen
class="w-full h-full"
@@ -50,8 +47,8 @@ onMounted(() => {
<!-- Disclaimer -->
<p class="mt-6 text-sm text-gray-500 text-center max-w-2xl">
This player is provided by a <span class="font-semibold">thirdparty service</span>.
Ads and popups may appear, and I do not control or endorse them.
This player is provided by a <span class="font-semibold">thirdparty service</span>. Ads
and popups may appear, and I do not control or endorse them.
</p>
</div>
</div>