56 lines
2.7 KiB
Plaintext
56 lines
2.7 KiB
Plaintext
<div class="fade-up">
|
|
<div class="text-center">
|
|
<div class="relative mx-auto h-20 w-20 flex items-center justify-center">
|
|
<span class="beacon-ring absolute inset-0 rounded-full border border-sky-400/50"></span>
|
|
<span class="beacon-ring delay-1 absolute inset-0 rounded-full border border-sky-400/40"></span>
|
|
<span class="beacon-ring delay-2 absolute inset-0 rounded-full border border-sky-400/30"></span>
|
|
<div class="relative flex h-14 w-14 items-center justify-center rounded-2xl bg-gradient-to-br from-sky-400 to-sky-600 shadow-lg shadow-sky-500/40">
|
|
<i class="fas fa-sms text-2xl text-slate-950"></i>
|
|
</div>
|
|
</div>
|
|
<h2 class="font-display mt-6 text-4xl font-extrabold tracking-tight text-white">MySMSAPio</h2>
|
|
<p class="font-mono-tech mt-2 text-[11px] uppercase tracking-[0.35em] text-sky-400/80">Admin Console</p>
|
|
</div>
|
|
|
|
<div class="login-card fade-up d-1 mt-8 rounded-2xl px-8 py-9 sm:px-10">
|
|
<%= form_with url: admin_login_path, method: :post, local: true, class: "space-y-5" do |f| %>
|
|
<div>
|
|
<%= label_tag :email, "Email address", class: "font-mono-tech block text-[11px] uppercase tracking-wider text-slate-400" %>
|
|
<div class="mt-2 relative">
|
|
<div class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3.5">
|
|
<i class="fas fa-envelope text-slate-500 text-sm"></i>
|
|
</div>
|
|
<%= email_field_tag :email, params[:email],
|
|
class: "field-input block w-full rounded-xl pl-11 pr-3 py-3 text-sm",
|
|
placeholder: "admin@example.com",
|
|
autofocus: true,
|
|
required: true %>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<%= label_tag :password, "Password", class: "font-mono-tech block text-[11px] uppercase tracking-wider text-slate-400" %>
|
|
<div class="mt-2 relative">
|
|
<div class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3.5">
|
|
<i class="fas fa-lock text-slate-500 text-sm"></i>
|
|
</div>
|
|
<%= password_field_tag :password, nil,
|
|
class: "field-input block w-full rounded-xl pl-11 pr-3 py-3 text-sm",
|
|
placeholder: "••••••••••••",
|
|
required: true %>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="pt-2">
|
|
<%= submit_tag "Sign in",
|
|
class: "btn-accent flex w-full justify-center rounded-xl px-4 py-3.5 text-sm font-semibold text-slate-950" %>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
|
|
<div class="fade-up d-2 mt-7 flex items-center justify-center gap-2 font-mono-tech text-[10px] uppercase tracking-[0.3em] text-slate-500">
|
|
<i class="fas fa-shield-halved text-sky-500/70"></i>
|
|
Secure · Encrypted · Local
|
|
</div>
|
|
</div>
|