Authenticator buttons UI update

This commit is contained in:
Pinga 2025-01-18 14:53:39 +02:00
parent dd78602ae0
commit 2df8b0e336

View file

@ -108,20 +108,31 @@
<form action="{{route('activate2fa')}}" name="2fa" method="post">
{{ csrf.field | raw }}
<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>
<div class="d-flex flex-wrap justify-content-start gap-3 pb-3">
<a target="_blank" href="https://apps.apple.com/us/app/google-authenticator/id388497605"
class="btn btn-dark btn-pill px-4">
<svg xmlns="http://www.w3.org/2000/svg" class="icon" 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-success btn-pill px-4">
<svg xmlns="http://www.w3.org/2000/svg" class="icon" 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>
<a target="_blank" href="https://apps.kde.org/keysmith/"
class="btn btn-info btn-pill px-4">
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2">
<path style="fill:currentColor;fill-opacity:1;stroke:none" d="M 7 3 C 6.446 3 6 3.446 6 4 C 6 4.554 6.446 5 7 5 C 7.554 5 8 4.554 8 4 C 8 3.446 7.554 3 7 3 z M 14 3 L 12 5 L 15 8 L 12 11 L 14 13 L 17 10 L 19 8 L 14 3 z M 4.5 9 C 3.669 9 3 9.669 3 10.5 C 3 11.331 3.669 12 4.5 12 C 5.331 12 6 11.331 6 10.5 C 6 9.669 5.331 9 4.5 9 z M 9 15 C 7.892 15 7 15.892 7 17 C 7 18.108 7.892 19 9 19 C 10.108 19 11 18.108 11 17 C 11 15.892 10.108 15 9 15 z "/>
</svg> Plasma Mobile
</a>
</div>
<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">