Ken Johnson
fdee945c5d
**Password Reset Pages**: Forgot Password (password_resets/forgot_password.html.erb): - Complete rewrite with modern card-based layout - Icon-enhanced form with email validation - Helpful info box with reset instructions - "Back to Login" link for easy navigation - Gradient background matching login page style Reset Password (password_resets/reset_password.html.erb): - Modern shield-lock icon header - Password strength guidance with form text - Confirmation field with proper validation - Security tips info box with gradient styling - Consistent with overall auth page design **Admin Dashboard (admin/dashboard.html.erb)**: - Replaced Bootstrap 2 classes with Bootstrap 5 - Modern alert design with icons and close buttons - Card-based layout with subtle shadow - Loading spinner state for user table - Icon-enhanced header (people icon) - Turbolinks compatibility - Improved accessibility with ARIA labels All pages now feature: - Bootstrap 5 modern components - Bootstrap Icons integration - Rounded corners and gradient accents - Smooth transitions and hover states - Proper loading states and feedback - Consistent design language across the app 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
61 lines
2.1 KiB
Plaintext
61 lines
2.1 KiB
Plaintext
<div class="rg-login-wrapper">
|
|
<div class="rg-login-card">
|
|
<div class="rg-login-header">
|
|
<div class="rg-login-logo">
|
|
<i class="bi bi-key-fill"></i>
|
|
</div>
|
|
<h2 class="mb-1">Reset Password</h2>
|
|
<p class="text-muted mb-0">We'll send you a reset link</p>
|
|
</div>
|
|
|
|
<%= form_tag "forgot_password", html: { class: "needs-validation", novalidate: true } do %>
|
|
<div class="mb-3">
|
|
<label for="email" class="form-label">Email Address</label>
|
|
<div class="input-group">
|
|
<span class="input-group-text"><i class="bi bi-envelope"></i></span>
|
|
<%= text_field_tag :email, params[:email], {
|
|
class: "form-control",
|
|
id: "email",
|
|
placeholder: "you@example.com",
|
|
required: true,
|
|
autofocus: true,
|
|
type: "email"
|
|
} %>
|
|
</div>
|
|
<div class="form-text">Enter the email address associated with your account</div>
|
|
</div>
|
|
|
|
<div class="d-grid gap-2">
|
|
<%= submit_tag "Send Reset Link", class: "btn btn-primary btn-lg" %>
|
|
</div>
|
|
|
|
<hr class="my-4">
|
|
|
|
<div class="text-center">
|
|
<p class="text-muted mb-2">Remember your password?</p>
|
|
<%= link_to login_path, class: "btn btn-outline-primary" do %>
|
|
<i class="bi bi-arrow-left"></i> Back to Login
|
|
<% end %>
|
|
</div>
|
|
<% end %>
|
|
|
|
<div class="mt-4 p-3 rounded" style="background: linear-gradient(135deg, rgba(69, 123, 157, 0.1), rgba(29, 53, 87, 0.1)); border: 2px solid rgba(69, 123, 157, 0.3);">
|
|
<div class="d-flex align-items-start">
|
|
<i class="bi bi-info-circle-fill me-2 mt-1" style="font-size: 1.25rem; color: var(--rg-secondary);"></i>
|
|
<div class="small">
|
|
<strong class="d-block mb-1">Password Reset Help</strong>
|
|
If you don't receive an email within a few minutes, check your spam folder or contact support.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
/* Override main content styling for password reset page */
|
|
.rg-main.no-sidebar {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
</style>
|