Small CP user panel interface improvement

This commit is contained in:
Pinga 2025-01-02 20:30:54 +02:00
parent 4c0e7370aa
commit 0c67e6c4af
8 changed files with 51 additions and 15 deletions

View file

@ -107,7 +107,22 @@
<h3 class="card-title">{{ __('Two-Factor Authentication') }} (2FA)</h3>
<form action="{{route('activate2fa')}}" name="2fa" method="post">
{{ csrf.field | raw }}
<p>{{ __('Set up 2FA for additional security. Scan the QR code with your authentication app and enter the provided code below to verify.') }}</p>
<h4>1. {{ __('Download Google Authenticator app') }}</h4>
<p><a target="_blank" href="https://apps.apple.com/us/app/google-authenticator/id388497605" class="btn btn-dark btn-pill w-20">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-apple" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M9 7c-3 0 -4 3 -4 5.5c0 3 2 7.5 4 7.5c1.088 -.046 1.679 -.5 3 -.5c1.312 0 1.5 .5 3 .5s4 -3 4 -5c-.028 -.01 -2.472 -.403 -2.5 -3c-.019 -2.17 2.416 -2.954 2.5 -3c-1.023 -1.492 -2.951 -1.963 -3.5 -2c-1.433 -.111 -2.83 1 -3.5 1c-.68 0 -1.9 -1 -3 -1z"></path>
<path d="M12 4a2 2 0 0 0 2 -2a2 2 0 0 0 -2 2"></path>
</svg> App Store</a>
<a target="_blank" href="https://play.google.com/store/apps/details?id=com.google.android.apps.authenticator2" class="btn btn-info btn-pill w-20">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-google-play" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M4 3.71v16.58a0.7 .7 0 0 0 1.05 .606l14.622 -8.42a0.55 .55 0 0 0 0 -.953l-14.622 -8.419a0.7 .7 0 0 0 -1.05 .607z"></path>
<line x1="15" y1="9" x2="4.5" y2="20.5"></line>
<line x1="4.5" y1="3.5" x2="15" y2="15"></line>
</svg> Google Play</a>
</p>
<h4>2. {{ __('Scan the QR code with your authentication app') }}</h4>
<div class="mb-3">
<img src="{{ qrcodeDataUri }}" alt="2FA QR Code" class="img-fluid">
</div>
@ -119,7 +134,7 @@
</small>
</div>
<div class="mb-3">
<label for="verificationCode" class="form-label required">{{ __('Verification Code') }}</label>
<label for="verificationCode" class="form-label required">3. {{ __('Verification Code') }}</label>
<input type="number" class="form-control" id="verificationCode" name="verificationCode" placeholder="{{ __('Enter code') }}" required="required">
<small class="form-text text-muted">
{{ __('Enter the code generated by your authentication app. This code verifies that your 2FA setup is working correctly. Once entered, click') }} {{ __('Save 2FA Settings') }} {{ __('to activate two-factor authentication for your account.') }}