プロフィール内タブのデザイン調整

resources/assets/sass/_underline-tabs.scss

@@ -3,14 +3,22 @@
 
     .nav-link {
         padding: 0.5rem 1.25rem;
-        border-bottom: 4px solid transparent;
+        color: $secondary;
+        border-bottom: 2px solid transparent;
+        transition: border-bottom-color .12s ease-in;
 
         @include media-breakpoint-up(lg) {
             padding: 1rem 1.25rem;
         }
 
         &.active {
+            color: $primary;
             border-bottom-color: $primary;
         }
+
+        &:not(.active):hover {
+            border-bottom-color: transparentize($secondary, 0.3);
+            transition: border-bottom-color .4s ease-out;
+        }
     }
 }

resources/views/user/base.blade.php

@@ -22,7 +22,7 @@
                         <li class="nav-item flex-shrink-0">
                             <a class="nav-link {{ Route::currentRouteName() === 'user.likes' ? 'active' : '' }}" href="{{ route('user.likes', ['name' => $user->name]) }}">いいね
                                 @if ($user->isMe() || !($user->is_protected || $user->private_likes))
-                                    <span class="badge badge-primary">{{ $user->likes()->count() }}</span>
+                                    <span class="badge {{ Route::currentRouteName() === 'user.likes' ? 'badge-primary' : 'badge-secondary' }}">{{ $user->likes()->count() }}</span>
                                 @endif
                             </a>
                         </li>