Improved design

MGeurts · Dec 11, 2024 · fa4c751 · fa4c751
1 parent 12efd9e
commit fa4c751
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/resources/views/components/authentication-card.blade.php b/resources/views/components/authentication-card.blade.php
@@ -10,9 +10,9 @@
             <img src="img/genealogy-research.webp" alt="Genealogy Research" class="object-cover w-full h-full rounded-l">
         </div>
 
-        <div class="w-full md:w-2/3 bg-gray-100 p-8 mx-auto bg-white rounded-r">
+        <div class="w-full md:w-2/3 p-8 mx-auto bg-white rounded-r">
             <h1 class="text-4xl font-bold mb-8">{{ $header }}</h1>
-            
+
             {{ $slot }}
         </div>
     </div>

diff --git a/resources/views/teams/team-member-manager.blade.php b/resources/views/teams/team-member-manager.blade.php
@@ -193,8 +193,9 @@ class="relative px-4 py-3 inline-flex w-full rounded focus:z-10 focus:outline-no
         <x-slot name="content">
             <div class="relative z-0 mt-1 border border-gray-200 rounded cursor-pointer dark:border-gray-700">
                 @foreach ($this->roles as $index => $role)
-                    <button type="button"
-                        class="relative px-4 py-3 inline-flex w-full rounded focus:z-10 focus:outline-none focus:border-indigo-500 dark:focus:border-indigo-600 focus:ring-2 focus:ring-indigo-500 dark:focus:ring-indigo-600 {{ $index > 0 ? 'border-t border-gray-200 dark:border-gray-700 focus:border-none rounded-t-none' : '' }} {{ !$loop->last ? 'rounded-b-none' : '' }}"
+                    <button type="button" title="{{ __('team.change_role') }}"
+                        class="relative px-4 py-3 inline-flex w-full rounded focus:z-10 {{ $index > 0 ? 'border-t border-gray-200 dark:border-gray-700 rounded-t-none' : '' }} {{ !$loop->last ? 'rounded-b-none' : '' }}
+                        {{ $currentRole == $role->key ? 'bg-warning-500 dark:bg-warning-200 text-indigo-700 dark:text-indigo-300 border-indigo-500' : 'text-gray-600 dark:text-gray-300' }}"
                         wire:click="$set('currentRole', '{{ $role->key }}')">
                         <div @class(['opacity-75' => $currentRole !== $role->key])>
                             {{-- role name --}}