mirror of
https://github.com/sp-tarkov/forge.git
synced 2025-02-13 04:30:41 -05:00
Dark Theme Auth Pages
This commit is contained in:
parent
3068712f12
commit
8d2f6f31e6
@ -4,7 +4,7 @@
|
|||||||
<x-authentication-card-logo />
|
<x-authentication-card-logo />
|
||||||
</x-slot>
|
</x-slot>
|
||||||
|
|
||||||
<div class="mb-4 text-sm text-gray-600">
|
<div class="mb-4 text-sm text-gray-600 dark:text-gray-300">
|
||||||
{{ __('This is a secure area of the application. Please confirm your password before continuing.') }}
|
{{ __('This is a secure area of the application. Please confirm your password before continuing.') }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -4,12 +4,12 @@
|
|||||||
<x-authentication-card-logo />
|
<x-authentication-card-logo />
|
||||||
</x-slot>
|
</x-slot>
|
||||||
|
|
||||||
<div class="mb-4 text-sm text-gray-600">
|
<div class="mb-4 text-sm text-gray-600 dark:text-gray-400">
|
||||||
{{ __('Forgot your password? No problem. Just let us know your email address and we will email you a password reset link that will allow you to choose a new one.') }}
|
{{ __('Forgot your password? No problem. Just let us know your email address and we will email you a password reset link that will allow you to choose a new one.') }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@session('status')
|
@session('status')
|
||||||
<div class="mb-4 font-medium text-sm text-green-600">
|
<div class="mb-4 font-medium text-sm text-green-600 dark:text-green-400">
|
||||||
{{ $value }}
|
{{ $value }}
|
||||||
</div>
|
</div>
|
||||||
@endsession
|
@endsession
|
||||||
|
@ -7,7 +7,7 @@
|
|||||||
<x-validation-errors class="mb-4" />
|
<x-validation-errors class="mb-4" />
|
||||||
|
|
||||||
@session('status')
|
@session('status')
|
||||||
<div class="mb-4 font-medium text-sm text-green-600">
|
<div class="mb-4 font-medium text-sm text-green-600 dark:text-green-400">
|
||||||
{{ $value }}
|
{{ $value }}
|
||||||
</div>
|
</div>
|
||||||
@endsession
|
@endsession
|
||||||
@ -28,13 +28,13 @@
|
|||||||
<div class="block mt-4">
|
<div class="block mt-4">
|
||||||
<label for="remember_me" class="flex items-center">
|
<label for="remember_me" class="flex items-center">
|
||||||
<x-checkbox id="remember_me" name="remember" />
|
<x-checkbox id="remember_me" name="remember" />
|
||||||
<span class="ms-2 text-sm text-gray-600">{{ __('Remember me') }}</span>
|
<span class="ms-2 text-sm text-gray-600 dark:text-gray-400">{{ __('Remember me') }}</span>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flex items-center justify-end mt-4">
|
<div class="flex items-center justify-end mt-4">
|
||||||
@if (Route::has('password.request'))
|
@if (Route::has('password.request'))
|
||||||
<a class="underline text-sm text-gray-600 hover:text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" href="{{ route('password.request') }}">
|
<a class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" href="{{ route('password.request') }}">
|
||||||
{{ __('Forgot your password?') }}
|
{{ __('Forgot your password?') }}
|
||||||
</a>
|
</a>
|
||||||
@endif
|
@endif
|
||||||
|
@ -37,8 +37,8 @@
|
|||||||
|
|
||||||
<div class="ms-2">
|
<div class="ms-2">
|
||||||
{!! __('I agree to the :terms_of_service and :privacy_policy', [
|
{!! __('I agree to the :terms_of_service and :privacy_policy', [
|
||||||
'terms_of_service' => '<a target="_blank" href="'.route('terms.show').'" class="underline text-sm text-gray-600 hover:text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">'.__('Terms of Service').'</a>',
|
'terms_of_service' => '<a target="_blank" href="'.route('terms.show').'" class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500">'.__('Terms of Service').'</a>',
|
||||||
'privacy_policy' => '<a target="_blank" href="'.route('policy.show').'" class="underline text-sm text-gray-600 hover:text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">'.__('Privacy Policy').'</a>',
|
'privacy_policy' => '<a target="_blank" href="'.route('policy.show').'" class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500">'.__('Privacy Policy').'</a>',
|
||||||
]) !!}
|
]) !!}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -47,7 +47,7 @@
|
|||||||
@endif
|
@endif
|
||||||
|
|
||||||
<div class="flex items-center justify-end mt-4">
|
<div class="flex items-center justify-end mt-4">
|
||||||
<a class="underline text-sm text-gray-600 hover:text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" href="{{ route('login') }}">
|
<a class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500" href="{{ route('login') }}">
|
||||||
{{ __('Already registered?') }}
|
{{ __('Already registered?') }}
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
|
@ -5,11 +5,11 @@
|
|||||||
</x-slot>
|
</x-slot>
|
||||||
|
|
||||||
<div x-data="{ recovery: false }">
|
<div x-data="{ recovery: false }">
|
||||||
<div class="mb-4 text-sm text-gray-600" x-show="! recovery">
|
<div class="mb-4 text-sm text-gray-600 dark:text-gray-400" x-show="! recovery">
|
||||||
{{ __('Please confirm access to your account by entering the authentication code provided by your authenticator application.') }}
|
{{ __('Please confirm access to your account by entering the authentication code provided by your authenticator application.') }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="mb-4 text-sm text-gray-600" x-cloak x-show="recovery">
|
<div class="mb-4 text-sm text-gray-600 dark:text-gray-400" x-cloak x-show="recovery">
|
||||||
{{ __('Please confirm access to your account by entering one of your emergency recovery codes.') }}
|
{{ __('Please confirm access to your account by entering one of your emergency recovery codes.') }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -29,7 +29,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flex items-center justify-end mt-4">
|
<div class="flex items-center justify-end mt-4">
|
||||||
<button type="button" class="text-sm text-gray-600 hover:text-gray-900 underline cursor-pointer"
|
<button type="button" class="text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 underline cursor-pointer"
|
||||||
x-show="! recovery"
|
x-show="! recovery"
|
||||||
x-on:click="
|
x-on:click="
|
||||||
recovery = true;
|
recovery = true;
|
||||||
@ -38,7 +38,7 @@
|
|||||||
{{ __('Use a recovery code') }}
|
{{ __('Use a recovery code') }}
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<button type="button" class="text-sm text-gray-600 hover:text-gray-900 underline cursor-pointer"
|
<button type="button" class="text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 underline cursor-pointer"
|
||||||
x-cloak
|
x-cloak
|
||||||
x-show="recovery"
|
x-show="recovery"
|
||||||
x-on:click="
|
x-on:click="
|
||||||
|
@ -4,12 +4,12 @@
|
|||||||
<x-authentication-card-logo />
|
<x-authentication-card-logo />
|
||||||
</x-slot>
|
</x-slot>
|
||||||
|
|
||||||
<div class="mb-4 text-sm text-gray-600">
|
<div class="mb-4 text-sm text-gray-600 dark:text-gray-400">
|
||||||
{{ __('Before continuing, could you verify your email address by clicking on the link we just emailed to you? If you didn\'t receive the email, we will gladly send you another.') }}
|
{{ __('Before continuing, could you verify your email address by clicking on the link we just emailed to you? If you didn\'t receive the email, we will gladly send you another.') }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@if (session('status') == 'verification-link-sent')
|
@if (session('status') == 'verification-link-sent')
|
||||||
<div class="mb-4 font-medium text-sm text-green-600">
|
<div class="mb-4 font-medium text-sm text-green-600 dark:text-green-400">
|
||||||
{{ __('A new verification link has been sent to the email address you provided in your profile settings.') }}
|
{{ __('A new verification link has been sent to the email address you provided in your profile settings.') }}
|
||||||
</div>
|
</div>
|
||||||
@endif
|
@endif
|
||||||
@ -28,14 +28,14 @@
|
|||||||
<div>
|
<div>
|
||||||
<a
|
<a
|
||||||
href="{{ route('profile.show') }}"
|
href="{{ route('profile.show') }}"
|
||||||
class="underline text-sm text-gray-600 hover:text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
|
class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500"
|
||||||
>
|
>
|
||||||
{{ __('Edit Profile') }}</a>
|
{{ __('Edit Profile') }}</a>
|
||||||
|
|
||||||
<form method="POST" action="{{ route('logout') }}" class="inline">
|
<form method="POST" action="{{ route('logout') }}" class="inline">
|
||||||
@csrf
|
@csrf
|
||||||
|
|
||||||
<button type="submit" class="underline text-sm text-gray-600 hover:text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 ms-2">
|
<button type="submit" class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500 ms-2">
|
||||||
{{ __('Log Out') }}
|
{{ __('Log Out') }}
|
||||||
</button>
|
</button>
|
||||||
</form>
|
</form>
|
||||||
|
@ -1,9 +1,9 @@
|
|||||||
<div class="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0 bg-gray-100">
|
<div class="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0 bg-gray-100 dark:bg-gray-900">
|
||||||
<div>
|
<div>
|
||||||
{{ $logo }}
|
{{ $logo }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="w-full sm:max-w-md mt-6 px-6 py-4 bg-white shadow-md overflow-hidden sm:rounded-lg">
|
<div class="w-full sm:max-w-md mt-6 px-6 py-4 bg-white dark:bg-gray-800 shadow-md overflow-hidden sm:rounded-lg">
|
||||||
{{ $slot }}
|
{{ $slot }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user