From 581ae5617358e2bf07aa6714e76aad267822728e Mon Sep 17 00:00:00 2001
From: shibafu <shibafu528@gmail.com>
Date: Sat, 24 Oct 2020 15:40:11 +0900
Subject: [PATCH] =?UTF-8?q?=E3=83=97=E3=83=AD=E3=83=95=E3=82=A3=E3=83=BC?=
 =?UTF-8?q?=E3=83=AB=E5=86=85=E3=82=BF=E3=83=96=E3=81=AE=E3=83=87=E3=82=B6?=
 =?UTF-8?q?=E3=82=A4=E3=83=B3=E8=AA=BF=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/assets/sass/_underline-tabs.scss | 10 +++++++++-
 resources/views/user/base.blade.php        |  2 +-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/resources/assets/sass/_underline-tabs.scss b/resources/assets/sass/_underline-tabs.scss
index 8e5f9aa..795dba5 100644
--- a/resources/assets/sass/_underline-tabs.scss
+++ b/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;
+        }
     }
 }
diff --git a/resources/views/user/base.blade.php b/resources/views/user/base.blade.php
index 517071f..a5d0a7e 100644
--- a/resources/views/user/base.blade.php
+++ b/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>