fix: corregir iconos y placeholder en LoginView
- Cambia material-icons por material-symbols-outlined (fuente correcta) - Reemplaza edit_note por movie_creation como icono del logo - Elimina placeholder del campo email - Botón visibility ahora muestra icono en lugar de texto crudo Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@ -5,7 +5,7 @@
|
|||||||
<!-- Logo / título -->
|
<!-- Logo / título -->
|
||||||
<div class="text-center mb-10">
|
<div class="text-center mb-10">
|
||||||
<div class="inline-flex items-center justify-center w-12 h-12 rounded-xl bg-accent/10 border border-accent/20 mb-4">
|
<div class="inline-flex items-center justify-center w-12 h-12 rounded-xl bg-accent/10 border border-accent/20 mb-4">
|
||||||
<span class="material-icons text-accent text-2xl">edit_note</span>
|
<span class="material-symbols-outlined text-accent text-2xl">movie_creation</span>
|
||||||
</div>
|
</div>
|
||||||
<h1 class="text-xl font-semibold text-ink">Generador de Guiones</h1>
|
<h1 class="text-xl font-semibold text-ink">Generador de Guiones</h1>
|
||||||
<p class="text-sm text-ink/40 mt-1">Inicia sesión para continuar</p>
|
<p class="text-sm text-ink/40 mt-1">Inicia sesión para continuar</p>
|
||||||
@ -20,7 +20,7 @@
|
|||||||
<input
|
<input
|
||||||
v-model="email"
|
v-model="email"
|
||||||
type="email"
|
type="email"
|
||||||
placeholder="admin@gmail.com"
|
placeholder=""
|
||||||
autocomplete="email"
|
autocomplete="email"
|
||||||
class="w-full bg-surface border border-border rounded-lg px-4 py-2.5 text-sm text-ink placeholder-ink/25
|
class="w-full bg-surface border border-border rounded-lg px-4 py-2.5 text-sm text-ink placeholder-ink/25
|
||||||
focus:outline-none focus:border-accent/60 focus:ring-1 focus:ring-accent/30 transition"
|
focus:outline-none focus:border-accent/60 focus:ring-1 focus:ring-accent/30 transition"
|
||||||
@ -45,7 +45,7 @@
|
|||||||
@click="showPassword = !showPassword"
|
@click="showPassword = !showPassword"
|
||||||
class="absolute right-3 top-1/2 -translate-y-1/2 text-ink/30 hover:text-ink/60 transition"
|
class="absolute right-3 top-1/2 -translate-y-1/2 text-ink/30 hover:text-ink/60 transition"
|
||||||
>
|
>
|
||||||
<span class="material-icons text-lg">{{ showPassword ? 'visibility_off' : 'visibility' }}</span>
|
<span class="material-symbols-outlined text-[20px]">{{ showPassword ? 'visibility_off' : 'visibility' }}</span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user