refactor: ui tweaks (#15)

Author: Highjhacker

resources/lang/en/forms.php

@@ -28,7 +28,7 @@
         'title'        => 'Delete Account',
         'description'  => 'Permanently delete your account.',
         'content'      => 'Once your account is deleted, all of its resources and data will be permanently deleted. Before deleting your account, please download any data or information that you wish to retain.',
-        'confirmation' => 'Are you sure you want to delete your account? Once your account is deleted, all of its resources and data will be permanently deleted. Please enter your password to confirm you would like to permanently delete your account.',
+        'confirmation' => 'Are you sure you want to delete your account? Deleting your account is irreversible and all deleted data is unrecoverable.',
     ],
 
     'logout-sessions' => [

resources/lang/en/pages.php

@@ -21,7 +21,7 @@
         'contact_information_description'  => "Update your account's contact information and email address.",
         'gdpr_title'                       => 'General Data Protection Regulation (GDPR)',
         'gdpr_description'                 => 'This will will create a zip containing all personal data to respect your right to data portability. You will receive the zip file on the email address linked to your account.',
-        'delete_account_title'             => 'Dangerous area',
-        'delete_account_description'       => 'Deletion of the account will result in the loss of your data. We remind you that in the first 30 days you have the opportunity to restore your account, after which all your data will be completely deleted.',
+        'delete_account_title'             => 'Delete Account',
+        'delete_account_description'       => 'Deletion of the account will result in the loss of your data instantly and your account will be unrecoverable.',
     ],
 ];

resources/views/components/password-rules.blade.php

@@ -5,24 +5,23 @@
     </div>
 
     <div class="flex flex-col text-sm">
-            <span x-show="!isTyping">@lang('fortify::forms.update-password.requirements_notice')</span>
-
-            <div x-show="isTyping" x-cloak>
-                @foreach($passwordRules as $ruleName => $ruleIsValid)
-                    <div class="flex items-center w-full mt-4 space-x-2">
-                        @if ($ruleIsValid)
-                            <div class="flex items-center justify-center flex-shrink-0 w-5 h-5 rounded-full bg-theme-success-200">
-                                @svg('checkmark', 'text-theme-success-500 h-2 w-2')
-                        @elseif(! $ruleIsValid)
-                            <div class="flex items-center justify-center flex-shrink-0 w-5 h-5 rounded-full border-2 border-theme-secondary-700">
-                        @else
-                            <div class="flex items-center justify-center flex-shrink-0 w-5 h-5 rounded-full bg-theme-danger-200">
-                                @svg('exclamation', 'text-theme-danger-500 h-5 w-5')
-                        @endif
-                            </div>
-                        <span class="text-theme-secondary-900">@lang('fortify::forms.password-rules.' .Str::snake($ruleName))</span>
-                    </div>
-                @endforeach
-            </div>
+        <span x-show="!isTyping">@lang('fortify::forms.update-password.requirements_notice')</span>
+        <div x-show="isTyping" x-cloak>
+            @foreach($passwordRules as $ruleName => $ruleIsValid)
+                <div class="flex items-center w-full mt-4 space-x-2">
+                    @if ($ruleIsValid)
+                        <div class="flex items-center justify-center flex-shrink-0 w-5 h-5 rounded-full bg-theme-success-200">
+                            @svg('checkmark', 'text-theme-success-500 h-2 w-2')
+                    @elseif(! $ruleIsValid)
+                        <div class="flex items-center justify-center flex-shrink-0 w-5 h-5 rounded-full border-2 border-theme-secondary-700">
+                    @else
+                        <div class="flex items-center justify-center flex-shrink-0 w-5 h-5 rounded-full bg-theme-danger-200">
+                            @svg('exclamation', 'text-theme-danger-500 h-5 w-5')
+                    @endif
+                        </div>
+                    <span class="text-theme-secondary-900">@lang('fortify::forms.password-rules.' .Str::snake($ruleName))</span>
+                </div>
+            @endforeach
+        </div>
     </div>
 </div>

resources/views/profile/delete-user-form.blade.php

@@ -1,5 +1,5 @@
 <div>
-    <div class="flex flex-col px-8 lg:p-8 xl:mx-8">
+    <div class="flex flex-col">
         <span class="text-2xl font-semibold text-theme-secondary-900">@lang('fortify::pages.user-settings.delete_account_title')</span>
         <span>
             @lang('fortify::pages.user-settings.delete_account_description')
@@ -15,7 +15,7 @@
     </div>
 
     @if($this->confirmingUserDeletion)
-        <x-ark-modal>
+        <x-ark-modal title-class="header-2" width-class="max-w-xl">
             <x-slot name="title">
                 @lang('fortify::forms.delete-user.title')
             </x-slot>

resources/views/profile/two-factor-authentication-form.blade.php

@@ -64,7 +64,7 @@
     @endif
 
     @if($showingRecoveryCodes)
-        <x-ark-modal>
+        <x-ark-modal title-class="header-2">
             @slot('title')
                 @lang('fortify::pages.user-settings.2fa_reset_code_title')
             @endslot