Improve details page

This commit is contained in:
2025-10-20 21:16:17 +03:30
parent 4d6f2db9ee
commit 29392d8a64
2 changed files with 3 additions and 3 deletions

View File

@@ -18,14 +18,14 @@ const alreadyAdded = computed(() =>
<template>
<ErrorAlert class="" v-if="props.movie?.Error" :message="props.movie.ErrorMessage" />
<div v-else class="hero bg-base-200 min-h-screen">
<div v-else class="hero bg-base-200 min-h-screen rounded-md">
<!-- Loading state for hero content -->
<div v-if="props.movie === undefined" class="hero-content">
<span class="loading loading-ring loading-lg text-primary"></span>
</div>
<!-- Actual hero content -->
<div v-else class="hero bg-base-200 min-h-screen">
<div v-else class="hero bg-base-200 min-h-screen rounded-md">
<div class="hero-content flex-col lg:flex-row gap-12">
<!-- Poster -->
<figure class="flex-shrink-0">

View File

@@ -93,7 +93,7 @@ watch(searchQuery, () => {
}
timeoutId = window.setTimeout(() => {
if (searchQuery.value.length > 2) {
if (searchQuery.value.length > 2 && state.searchQuery !== searchQuery.value) {
searchMovie()
}
timeoutId = null