Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Sugestion of change of buttons positions in two-factor-authentication-form.blade.php for better UX #1466

Closed
allyson-silva opened this issue Apr 3, 2024 · 1 comment

Comments

@allyson-silva
Copy link

allyson-silva commented Apr 3, 2024

The confirmation button of two factor is displayed on the left side, but in all another UI's of jetstream this was displayed on the right, i changed this blade um my own project, my code was bellow:

``
@if (! $this->enabled)


{{ __('Enable') }}


@else

            @if ($showingRecoveryCodes)
                <x-m-confirms-password wire:then="regenerateRecoveryCodes">
                    <x-mary-button class="btn btn-active mr-4">
                        {{ __('Regenerate Recovery Codes') }}
                    </x-mary-button>
                </x-m-confirms-password>
            @elseif ($showingConfirmation)

                <x-m-confirms-password wire:then="disableTwoFactorAuthentication">
                    <x-mary-button class="btn btn-active" wire:loading.attr="disabled">
                        {{ __('Cancel') }}
                    </x-mary-button>
                </x-m-confirms-password>

                <x-m-confirms-password wire:then="confirmTwoFactorAuthentication">
                    <x-mary-button class="btn btn-neutral mr-4 " type="button"  wire:loading.attr="disabled">
                        {{ __('Confirm') }}
                    </x-mary-button>
                </x-m-confirms-password>

            @else
                <x-m-confirms-password wire:then="showRecoveryCodes">
                    <x-mary-button class="btn btn-active mr-4">
                        {{ __('Show Recovery Codes') }}
                    </x-mary-button>
                </x-m-confirms-password>
            @endif


            @if (!$showingConfirmation)
                <x-confirms-password wire:then="disableTwoFactorAuthentication">
                    <x-mary-button class="btn btn-error" wire:loading.attr="disabled">
                        {{ __('Disable') }}
                    </x-mary-button>
                </x-confirms-password>
            @endif

        @endif`

        
     Please ignore the mary UI components im was personalizing the jetstream to use with daisiui themes.
@driesvints
Copy link
Member

Feel free to attempt a PR!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants