style(ntfy): fix bracket-spacing lint offenses

This commit is contained in:
Min Zeya Phyo
2026-07-28 02:34:26 +08:00
parent 20927eea5f
commit ac2054e45c
13 changed files with 1502 additions and 70 deletions

View File

@@ -1,22 +1,27 @@
<div class="w-full max-w-md space-y-8">
<div class="fade-up">
<div class="text-center">
<div class="mx-auto h-16 w-16 flex items-center justify-center rounded-full bg-blue-100">
<i class="fas fa-sms text-3xl text-blue-600"></i>
<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="mt-6 text-3xl font-bold tracking-tight text-gray-900">MySMSAPio Admin</h2>
<p class="mt-2 text-sm text-gray-600">Sign in to your admin account</p>
<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="mt-8 bg-white py-8 px-4 shadow-xl rounded-xl sm:px-10">
<%= form_with url: admin_login_path, method: :post, local: true, class: "space-y-6" do |f| %>
<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: "block text-sm font-medium text-gray-700" %>
<div class="mt-1 relative">
<div class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3">
<i class="fas fa-envelope text-gray-400"></i>
<%= 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: "block w-full pl-10 rounded-lg border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 sm:text-sm py-3",
class: "field-input block w-full rounded-xl pl-11 pr-3 py-3 text-sm",
placeholder: "admin@example.com",
autofocus: true,
required: true %>
@@ -24,26 +29,27 @@
</div>
<div>
<%= label_tag :password, "Password", class: "block text-sm font-medium text-gray-700" %>
<div class="mt-1 relative">
<div class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3">
<i class="fas fa-lock text-gray-400"></i>
<%= 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: "block w-full pl-10 rounded-lg border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 sm:text-sm py-3",
placeholder: "Enter your password",
class: "field-input block w-full rounded-xl pl-11 pr-3 py-3 text-sm",
placeholder: "••••••••••••",
required: true %>
</div>
</div>
<div>
<div class="pt-2">
<%= submit_tag "Sign in",
class: "flex w-full justify-center rounded-lg bg-blue-600 px-4 py-3 text-sm font-semibold text-white shadow-sm hover:bg-blue-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600 transition-all duration-200" %>
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="text-center text-xs text-gray-500">
<i class="fas fa-shield-alt"></i> Secure Admin Access
<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>