login page ui alignment

This commit is contained in:
Saeed Vaziry 2023-09-18 19:41:25 +02:00
parent e07e197dd9
commit fb840204ad

View File

@ -22,24 +22,25 @@
<x-input-error :messages="$errors->get('password')" class="mt-2" /> <x-input-error :messages="$errors->get('password')" class="mt-2" />
</div> </div>
<!-- Show Password --> <div class="flex items-center justify-between">
<div class="block mt-4"> <!-- Remember Me -->
<label for="show_password" class="inline-flex items-center float-right"> <div class="block mt-4 ">
<input id="show_password" type="checkbox" x-model="isPasswordVisible" <label for="remember_me" class="inline-flex items-center">
class="rounded dark:bg-gray-900 border-gray-300 dark:border-gray-700 text-indigo-600 shadow-sm focus:ring-indigo-500 dark:focus:ring-indigo-600 dark:focus:ring-offset-gray-800"> <input id="remember_me" type="checkbox"
<span class="ml-2 text-sm text-gray-600 dark:text-gray-400">{{ __('Show password') }}</span> class="rounded dark:bg-gray-900 border-gray-300 dark:border-gray-700 text-indigo-600 shadow-sm focus:ring-indigo-500 dark:focus:ring-indigo-600 dark:focus:ring-offset-gray-800"
</label> name="remember">
</div> <span class="ml-2 text-sm text-gray-600 dark:text-gray-400">{{ __('Remember me') }}</span>
</label>
<!-- Remember Me --> </div>
<div class="block mt-4 ">
<label for="remember_me" class="inline-flex items-center">
<input id="remember_me" type="checkbox"
class="rounded dark:bg-gray-900 border-gray-300 dark:border-gray-700 text-indigo-600 shadow-sm focus:ring-indigo-500 dark:focus:ring-indigo-600 dark:focus:ring-offset-gray-800"
name="remember">
<span class="ml-2 text-sm text-gray-600 dark:text-gray-400">{{ __('Remember me') }}</span>
</label>
<!-- Show Password -->
<div class="block mt-4">
<label for="show_password" class="inline-flex items-center float-right">
<input id="show_password" type="checkbox" x-model="isPasswordVisible"
class="rounded dark:bg-gray-900 border-gray-300 dark:border-gray-700 text-indigo-600 shadow-sm focus:ring-indigo-500 dark:focus:ring-indigo-600 dark:focus:ring-offset-gray-800">
<span class="ml-2 text-sm text-gray-600 dark:text-gray-400">{{ __('Show password') }}</span>
</label>
</div>
</div> </div>
<div class="flex items-center justify-end mt-4"> <div class="flex items-center justify-end mt-4">