@@ -40,44 +40,50 @@ class="size-24 rounded-full"
4040
4141 <x-button
4242 type =" submit"
43- class =" xs:max-w-34 ml-auto w-full"
43+ class =" xs:max-w-30 ml-auto w-full text-xs/3 "
4444 >
4545 Update Profile
4646 </x-button >
4747 </x-form >
4848 </div >
4949
50- <x-separator />
50+ @if ($socials_google || $socials_github )
51+ <x-separator />
5152
52- <div class =" grid grid-cols-1 gap-4 sm:grid-cols-3" >
53- <div class =" block" >
54- <div class =" text-lg/4.5 font-bold" >
55- Social Accounts
56- </div >
53+ <div class =" grid grid-cols-1 gap-4 sm:grid-cols-3" >
54+ <div class =" block" >
55+ <div class =" text-lg/4.5 font-bold" >
56+ Social Accounts
57+ </div >
5758
58- <div class =" text-[0.9375rem]/4.5 mt-1" >
59- Manage user linking social accounts
59+ <div class =" text-[0.9375rem]/4.5 mt-1" >
60+ Manage user linking social accounts
61+ </div >
6062 </div >
61- </div >
62-
63- <div class =" flex flex-col gap-4 sm:col-span-2" >
64- <x-social-account
65- name =" Google"
66- email =" {{ $socials_google ? $socials_google -> email : ' -' } }"
67- wire:click =" unlinkSocialAccount('google')"
68- >
69- {{ $socials_google ? ' Unlink' : ' Not Linked' } }
70- </x-social-account >
7163
72- <x-social-account
73- name =" GitHub"
74- email =" {{ $socials_github ? $socials_github -> email : ' -' } }"
75- wire:click =" unlinkSocialAccount('github')"
76- >
77- {{ $socials_github ? ' Unlink' : ' Not Linked' } }
78- </x-social-account >
64+ <div class =" flex flex-col gap-4 sm:col-span-2" >
65+ @if ($socials_google )
66+ <x-social-account
67+ name =" Google"
68+ email =" {{ $socials_google -> email } }"
69+ wire:click =" unlinkSocialAccount('google')"
70+ >
71+ Unlink
72+ </x-social-account >
73+ @endif
74+
75+ @if ($socials_github )
76+ <x-social-account
77+ name =" GitHub"
78+ email =" {{ $socials_github -> email } }"
79+ wire:click =" unlinkSocialAccount('github')"
80+ >
81+ Unlink
82+ </x-social-account >
83+ @endif
84+ </div >
7985 </div >
80- </ div >
86+ @endif
8187
8288 @if ($canManageTwoFactor )
8389 @if ($twoFactorEnabled )
@@ -97,7 +103,7 @@ class="xs:max-w-34 ml-auto w-full"
97103 </div >
98104
99105 <x-button
100- class =" xs:max-w-34 ml-auto w-full"
106+ class =" xs:max-w-30 ml-auto w-full text-xs/3 "
101107 wire:click =" disableTwoFactor"
102108 wire:loading.attr =" disabled"
103109 >
@@ -121,7 +127,7 @@ class="xs:max-w-34 ml-auto w-full"
121127 </div >
122128
123129 <x-button
124- class =" xs:max-w-34 ml-auto w-full"
130+ class =" xs:max-w-30 ml-auto w-full text-xs/3 "
125131 wire:click =" deleteAccount"
126132 wire:confirm =" Are you sure to delete your account? This action can't be undone!"
127133 wire:loading.attr =" disabled"
0 commit comments