This commit is contained in:
2025-12-26 01:44:10 -03:00
parent 9508b575f5
commit 6696203979
+4 -3
View File
@@ -20,7 +20,7 @@
let cargando = $state(false); let cargando = $state(false);
let hoverimg = $state(false); let hoverimg = $state(false);
let image: File | null = $state(null); let image: File | null = $state(null);
let usu = $state({displayName: data.displayName, bio: data.bio}) let usu = $state({ displayName: data.displayName, bio: data.bio });
async function cambiarFotoDePerfil() { async function cambiarFotoDePerfil() {
const input = document.createElement('input'); const input = document.createElement('input');
@@ -47,6 +47,7 @@
hoverimg = false; hoverimg = false;
} }
</script> </script>
<!-- {$inspect(data)} --> <!-- {$inspect(data)} -->
<Card class="mb-2 flex overflow-hidden"> <Card class="mb-2 flex overflow-hidden">
<CardContent> <CardContent>
@@ -57,7 +58,7 @@
<Skeleton class="h-16 w-3/4 rounded-full" /> <Skeleton class="h-16 w-3/4 rounded-full" />
</div> </div>
{:else if $sesionStore?.isAdmin || $sesionStore?.username == data.username} {:else if $sesionStore?.isAdmin || $sesionStore?.username == data.username}
<div class="w-full flex justify-center"> <div class="flex w-full justify-center">
<button <button
class="relative flex items-center justify-center" class="relative flex items-center justify-center"
onmouseenter={() => (hoverimg = true)} onmouseenter={() => (hoverimg = true)}
@@ -76,7 +77,7 @@
</AvatarFallback> </AvatarFallback>
</Avatar> </Avatar>
<div <div
class="absolute inset-0 flex justify-center items-center" class="absolute inset-0 flex items-center justify-center"
class:opacity-100={hoverimg} class:opacity-100={hoverimg}
class:opacity-0={!hoverimg} class:opacity-0={!hoverimg}
> >