Update two-factor-authentication-form.blade.php (#1305)

* Update two-factor-authentication-form.blade.php

Added padding and white background to SVG, phones with lower quality camera can't read QR code due to low contrast in dark mode.

* Update TwoFactorAuthenticationForm.vue

Changes to Inertia stack QR code contrast issue in dark mode.

Author: vivante64

Diff for: stubs/inertia/resources/js/Pages/Profile/Partials/TwoFactorAuthenticationForm.vue

@@ -144,7 +144,7 @@ const disableTwoFactorAuthentication = () => {
                         </p>
                     </div>
 
-                    <div class="mt-4" v-html="qrCode" />
+                    <div class="mt-4 p-2 inline-block bg-white" v-html="qrCode" />
 
                     <div v-if="setupKey" class="mt-4 max-w-xl text-sm text-gray-600 dark:text-gray-400">
                         <p class="font-semibold">

Diff for: stubs/livewire/resources/views/profile/two-factor-authentication-form.blade.php

@@ -38,7 +38,7 @@
                     </p>
                 </div>
 
-                <div class="mt-4">
+                <div class="mt-4 p-2 inline-block bg-white">
                     {!! $this->user->twoFactorQrCodeSvg() !!}
                 </div>