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

This commit is contained in:
shibafu 2020-10-24 15:40:11 +09:00
parent b50a15c109
commit 581ae56173
2 changed files with 10 additions and 2 deletions

View File

@ -3,14 +3,22 @@
.nav-link { .nav-link {
padding: 0.5rem 1.25rem; 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) { @include media-breakpoint-up(lg) {
padding: 1rem 1.25rem; padding: 1rem 1.25rem;
} }
&.active { &.active {
color: $primary;
border-bottom-color: $primary; border-bottom-color: $primary;
} }
&:not(.active):hover {
border-bottom-color: transparentize($secondary, 0.3);
transition: border-bottom-color .4s ease-out;
}
} }
} }

View File

@ -22,7 +22,7 @@
<li class="nav-item flex-shrink-0"> <li class="nav-item flex-shrink-0">
<a class="nav-link {{ Route::currentRouteName() === 'user.likes' ? 'active' : '' }}" href="{{ route('user.likes', ['name' => $user->name]) }}">いいね <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)) @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 @endif
</a> </a>
</li> </li>