Restyled badges to use "md" size instead of "sm"

Author: MGeurts

resources/views/livewire/backups/manage.blade.php

@@ -15,7 +15,7 @@
                     <div class="flex-1 grow max-w-full min-w-max">
                         {{ __('backup.backups') }}
                         @if (count($backups) > 0)
-                            <x-ts-badge color="emerald" text="{{ count($backups) }}" />
+                            <x-ts-badge color="emerald" sm text="{{ count($backups) }}" />
                         @endif
                     </div>
 

resources/views/livewire/password-generator.blade.php

@@ -44,8 +44,8 @@
                             <div class="flex justify-between">
                                 {{-- Entropy badges --}}
                                 <div>
-                                    <x-ts-badge :text="$estimatedEntropy" md :color="$passwordColor" />
-                                    <x-ts-badge :text="$shannonEntropy" md :color="$passwordColor" />
+                                    <x-ts-badge :color="$passwordColor" :text="$estimatedEntropy" md  />
+                                    <x-ts-badge :color="$passwordColor" :text="$shannonEntropy" md  />
                                 </div>
 
                                 {{-- Password Strength badge --}}
@@ -61,7 +61,8 @@
             @endif
 
             <div class="flex items-center justify-between p-4 rounded-b">
-                    <x-ts-link href="https://haveibeenpwned.com/" target="_blank" rel="noopener noreferrer" class="text-sm text-blue-600 dark:text-blue-400 hover:underline">
+                    <x-ts-link href="https://haveibeenpwned.com/" target="_blank" rel="noopener noreferrer" class="text-md text-blue-600 dark:text-blue-400 hover:underline">
+                        <x-ts-icon icon="tabler.key-off" class="inline-block size-5 me-2" />
                         {{ __('app.check_breach') }}
                     </x-ts-link>
 

resources/views/livewire/people/ancestors.blade.php

@@ -31,6 +31,9 @@
                 </div>
 
                 <div class="flex-1 grow max-w-full min-w-max text-end">
+                    @if (count($ancestors) > 1)
+                        <x-ts-badge color="emerald" sm class="me-2" text="{{ count($ancestors) - 1 }}" />
+                    @endif
                     <x-ts-icon icon="tabler.binary-tree" class="inline-block size-5 rotate-180" />
                 </div>
             </div>

resources/views/livewire/people/children.blade.php

@@ -4,7 +4,7 @@
             <div class="flex-1 grow max-w-full min-w-max">
                 {{ __('person.children') }}
                 @if (count($person->couples) > 0)
-                    <x-ts-badge color="emerald" text="{{ count($children) }}" />
+                    <x-ts-badge color="emerald" sm text="{{ count($children) }}" />
                 @endif
             </div>
 

resources/views/livewire/people/datasheet.blade.php

@@ -204,7 +204,7 @@
                 <td colspan="4">
                     {{ __('person.partners') }}
                     @if (count($person->couples) > 0)
-                        <x-ts-badge color="emerald" text="{{ count($person->couples) }}" />
+                        <x-ts-badge color="emerald" sm text="{{ count($person->couples) }}" />
                     @endif
                 </td>
             </tr>
@@ -249,7 +249,7 @@
                 <td colspan="4">
                     {{ __('person.children') }}
                     @if (count($person->childrenNaturalAll()) > 0)
-                        <x-ts-badge color="emerald" text="{{ count($person->childrenNaturalAll()) }}" />
+                        <x-ts-badge color="emerald" sm text="{{ count($person->childrenNaturalAll()) }}" />
                     @endif
                 </td>
             </tr>
@@ -274,7 +274,7 @@
                 <td colspan="4">
                     {{ __('person.siblings') }}
                     @if (count($person->siblings()) > 0)
-                        <x-ts-badge color="emerald" text="{{ count($person->siblings()) }}" />
+                        <x-ts-badge color="emerald" sm text="{{ count($person->siblings()) }}" />
                     @endif
                 </td>
             </tr>
@@ -300,7 +300,7 @@
                 <td colspan="4">
                     {{ __('person.files') }}
                     @if (count($files) > 0)
-                        <x-ts-badge color="emerald" text="{{ count($files) }}" />
+                        <x-ts-badge color="emerald" sm text="{{ count($files) }}" />
                     @endif
                 </td>
             </tr>
@@ -325,7 +325,7 @@
                 <td colspan="4">
                     {{ __('person.photos') }}
                     @if (count($images) > 0)
-                        <x-ts-badge color="emerald" text="{{ count($images) }}" />
+                        <x-ts-badge color="emerald" sm text="{{ count($images) }}" />
                     @endif
                 </td>
             </tr>

resources/views/livewire/people/descendants.blade.php

@@ -31,6 +31,9 @@
                 </div>
 
                 <div class="flex-1 grow max-w-full min-w-max text-end">
+                    @if (count($descendants) > 1)
+                        <x-ts-badge color="emerald" sm class="me-2" text="{{ count($descendants) - 1 }}" />
+                    @endif
                     <x-ts-icon icon="tabler.binary-tree" class="inline-block size-5" />
                 </div>
             </div>

resources/views/livewire/people/edit/files.blade.php

@@ -5,7 +5,7 @@
             <div class="flex-1 grow max-w-full min-w-max">
                 {{ __('person.files') }}
                 @if ($files->count() > 0)
-                    <x-ts-badge color="emerald" text="{{ count($files) }}" />
+                    <x-ts-badge color="emerald" sm text="{{ count($files) }}" />
                 @endif
             </div>
 

resources/views/livewire/people/edit/photos.blade.php

@@ -5,7 +5,7 @@
             <div class="flex-1 grow max-w-full min-w-max">
                 {{ __('person.photos') }}
                 @if (count($photos) > 0)
-                    <x-ts-badge color="emerald" text="{{ count($photos) }}" />
+                    <x-ts-badge color="emerald" sm text="{{ count($photos) }}" />
                 @endif
             </div>
 

resources/views/livewire/people/files.blade.php

@@ -4,7 +4,7 @@
             <div class="flex-1 grow max-w-full min-w-max">
                 {{ __('person.files') }}
                 @if ($person->countFiles() > 0)
-                    <x-ts-badge color="emerald" text="{{ $person->countFiles() }}" />
+                    <x-ts-badge color="emerald" sm text="{{ $person->countFiles() }}" />
                 @endif
             </div>
 

resources/views/livewire/people/history.blade.php

@@ -7,7 +7,7 @@ class="print:break-before-page flex flex-col rounded-sm bg-white shadow-[0_2px_1
                 <div class="flex-1 grow max-w-full min-w-max">
                     {{ __('app.history') }}
                     @if (count($activities) > 0)
-                        <x-ts-badge color="emerald" text="{{ count($activities) }}" />
+                        <x-ts-badge color="emerald" sm text="{{ count($activities) }}" />
                     @endif
                 </div>