juan/lensflix
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

relevo de glm

Browse Source
This commit is contained in:
juan
2026-06-17 20:35:57 +02:00
parent 6620b493f5
commit cdf2893b94
20 changed files with 251 additions and 316 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/SearchBar.tsx
+12 -12
View File
@@ -74,7 +74,7 @@ export function SearchBar({
<div className="relative">
<Search
className={cn(
"pointer-events-none absolute top-1/2 -translate-y-1/2 text-amber-200/50",
"pointer-events-none absolute top-1/2 -translate-y-1/2 text-stone-400",
compact ? "left-3 h-4 w-4" : "left-4 h-5 w-5",
)}
/>
@@ -102,7 +102,7 @@ export function SearchBar({
onFocus={() => query.trim() && setOpen(true)}
placeholder="Search for a movie..."
className={cn(
"w-full border border-white/10 bg-white/5 text-white outline-none transition focus:border-amber-400/40 focus:bg-white/[0.07] focus:ring-2 focus:ring-amber-400/20",
"w-full border border-stone-300 bg-white text-stone-950 outline-none transition focus:border-amber-500 focus:bg-amber-50 focus:ring-2 focus:ring-amber-200",
compact
? "rounded-xl py-2 pl-9 pr-3 text-sm"
: "rounded-2xl py-4 pl-12 pr-4 text-base",
@@ -113,13 +113,13 @@ export function SearchBar({
{open && (
<ul
role="listbox"
className="absolute z-50 mt-2 w-full overflow-hidden rounded-2xl border border-white/10 bg-slate-950 shadow-2xl"
className="absolute z-50 mt-2 w-full overflow-hidden rounded-2xl border border-stone-200 bg-white shadow-xl"
>
{loading && (
<li className="px-4 py-3 text-sm text-slate-400">Searching...</li>
<li className="px-4 py-3 text-sm text-stone-600">Searching...</li>
)}
{!loading && results.length === 0 && (
<li className="px-4 py-3 text-sm text-slate-400">No results found</li>
<li className="px-4 py-3 text-sm text-stone-600">No results found</li>
)}
{!loading &&
results.map((result) => {
@@ -128,7 +128,7 @@ export function SearchBar({
const inner = (
<>
<div className="relative h-14 w-10 shrink-0 overflow-hidden rounded-md bg-slate-800">
<div className="relative h-14 w-10 shrink-0 overflow-hidden rounded-md bg-stone-200">
{poster ? (
<img
src={poster}
@@ -136,21 +136,21 @@ export function SearchBar({
className="absolute inset-0 h-full w-full object-cover"
/>
) : (
<div className="flex h-full items-center justify-center text-[10px] text-slate-500">
<div className="flex h-full items-center justify-center text-[10px] text-stone-500">
N/A
</div>
)}
</div>
<div className="min-w-0">
<p className="truncate font-medium text-white">
<p className="truncate font-medium text-stone-950">
{result.title}
{year ? (
<span className="ml-2 font-normal text-slate-400">
<span className="ml-2 font-normal text-stone-500">
({year})
</span>
) : null}
</p>
<p className="line-clamp-1 text-sm text-slate-400">
<p className="line-clamp-1 text-sm text-stone-600">
{result.overview || "No overview available"}
</p>
</div>
@@ -167,7 +167,7 @@ export function SearchBar({
setOpen(false);
setQuery("");
}}
className="flex w-full items-center gap-3 border-b border-white/5 px-4 py-3 text-left transition hover:bg-white/5 last:border-b-0"
className="flex w-full items-center gap-3 border-b border-stone-100 px-4 py-3 text-left transition hover:bg-stone-50 last:border-b-0"
>
{inner}
</button>
@@ -176,7 +176,7 @@ export function SearchBar({
href={`/movie/${result.id}`}
prefetch
onClick={() => setOpen(false)}
className="flex items-center gap-3 border-b border-white/5 px-4 py-3 transition hover:bg-white/5 last:border-b-0"
className="flex items-center gap-3 border-b border-stone-100 px-4 py-3 transition hover:bg-stone-50 last:border-b-0"
>
{inner}
</Link>