updates
This commit is contained in:
@@ -345,7 +345,7 @@ const HousekeepingLoginPage: React.FC = () => {
|
||||
<div className="min-h-screen bg-gradient-to-br from-gray-50 via-white to-gray-50 flex items-center justify-center p-4">
|
||||
<div className="w-full max-w-md">
|
||||
<div className="bg-white rounded-2xl shadow-2xl border border-gray-200/50 overflow-hidden">
|
||||
<div className="bg-gradient-to-r from-[#d4af37] via-[#c9a227] to-[#d4af37] p-6 sm:p-8 text-center">
|
||||
<div className="bg-gradient-to-r from-[var(--luxury-gold)] via-[var(--luxury-gold-dark)] to-[var(--luxury-gold)] p-6 sm:p-8 text-center">
|
||||
<div className="flex justify-center mb-4">
|
||||
{settings.company_logo_url ? (
|
||||
<img
|
||||
@@ -389,7 +389,7 @@ const HousekeepingLoginPage: React.FC = () => {
|
||||
autoComplete="one-time-code"
|
||||
maxLength={8}
|
||||
className={`w-full pl-10 pr-4 py-3 border rounded-lg text-center tracking-widest ${
|
||||
mfaErrors.mfaToken ? 'border-red-300 focus:ring-red-500' : 'border-gray-300 focus:ring-[#d4af37]'
|
||||
mfaErrors.mfaToken ? 'border-red-300 focus:ring-red-500' : 'border-gray-300 focus:ring-[var(--luxury-gold)]'
|
||||
}`}
|
||||
placeholder="000000"
|
||||
/>
|
||||
@@ -402,7 +402,7 @@ const HousekeepingLoginPage: React.FC = () => {
|
||||
<button
|
||||
type="submit"
|
||||
disabled={isLoading}
|
||||
className="w-full bg-gradient-to-r from-[#d4af37] to-[#c9a227] text-white py-3 px-4 rounded-lg font-semibold hover:from-[#f5d76e] hover:to-[#d4af37] transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center"
|
||||
className="w-full bg-gradient-to-r from-[var(--luxury-gold)] to-[var(--luxury-gold-dark)] text-white py-3 px-4 rounded-lg font-semibold hover:from-[var(--luxury-gold-light)] hover:to-[var(--luxury-gold)] transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center"
|
||||
>
|
||||
{isLoading ? (
|
||||
<>
|
||||
@@ -461,7 +461,7 @@ const HousekeepingLoginPage: React.FC = () => {
|
||||
type="email"
|
||||
autoComplete="email"
|
||||
className={`w-full pl-10 pr-4 py-3 border rounded-lg ${
|
||||
errors.email ? 'border-red-300 focus:ring-red-500' : 'border-gray-300 focus:ring-[#d4af37]'
|
||||
errors.email ? 'border-red-300 focus:ring-red-500' : 'border-gray-300 focus:ring-[var(--luxury-gold)]'
|
||||
}`}
|
||||
placeholder="email@example.com"
|
||||
/>
|
||||
@@ -485,7 +485,7 @@ const HousekeepingLoginPage: React.FC = () => {
|
||||
type={showPassword ? 'text' : 'password'}
|
||||
autoComplete="current-password"
|
||||
className={`w-full pl-10 pr-10 py-3 border rounded-lg ${
|
||||
errors.password ? 'border-red-300 focus:ring-red-500' : 'border-gray-300 focus:ring-[#d4af37]'
|
||||
errors.password ? 'border-red-300 focus:ring-red-500' : 'border-gray-300 focus:ring-[var(--luxury-gold)]'
|
||||
}`}
|
||||
placeholder="••••••••"
|
||||
/>
|
||||
@@ -511,7 +511,7 @@ const HousekeepingLoginPage: React.FC = () => {
|
||||
{...register('rememberMe')}
|
||||
id="rememberMe"
|
||||
type="checkbox"
|
||||
className="h-4 w-4 text-[#d4af37] focus:ring-[#d4af37] border-gray-300 rounded"
|
||||
className="h-4 w-4 text-[var(--luxury-gold)] focus:ring-[var(--luxury-gold)] border-gray-300 rounded"
|
||||
/>
|
||||
<label htmlFor="rememberMe" className="ml-2 block text-sm text-gray-700">
|
||||
Remember me
|
||||
@@ -535,7 +535,7 @@ const HousekeepingLoginPage: React.FC = () => {
|
||||
<button
|
||||
type="submit"
|
||||
disabled={isLoading}
|
||||
className="w-full bg-gradient-to-r from-[#d4af37] to-[#c9a227] text-white py-3 px-4 rounded-lg font-semibold hover:from-[#f5d76e] hover:to-[#d4af37] transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center"
|
||||
className="w-full bg-gradient-to-r from-[var(--luxury-gold)] to-[var(--luxury-gold-dark)] text-white py-3 px-4 rounded-lg font-semibold hover:from-[var(--luxury-gold-light)] hover:to-[var(--luxury-gold)] transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center"
|
||||
>
|
||||
{isLoading ? (
|
||||
<>
|
||||
|
||||
Reference in New Issue
Block a user