Agora vamos arrumar os estilos e links ativos do menu de nossa aplicação.

Abra o arquivo:

resources/views/layouts/master.blade.php

E vamos retirar os links ativos, de um control+F e pesquise por active, podemos apagar os dois encontrados. Salve e veja que não temos mais nenhum link ativo.

Agora para definir as cores dos links ativos, basta abrir o arquivo:

resources/assets/sass/app.scss

E adicionar a classe referente ao link ativo:

.router-link-exact-active{
 background-color: #435d7e;
 color:#fff !important;
}

Salve, execute o XAMPP e o npm run watch (caso não esteja ativo) e verifique as mudanças.

Vamos aproveitar e habilitar o link de sair do sistema. Usaremos como base o próprio link padrão da aplicação, disponível no arquivo resources/views/layouts/app.blade.php.

No arquivo master.blade.php vamos colocar os link acima com as edições necessárias:

<a class="nav-link" href="{{ route('logout') }}"
 onclick="event.preventDefault();
 document.getElementById('logout-form').submit();">
 <i class="nav-icon fa fa-power-off color-red"></i>
 <p>
 {{ __('Sair') }}
 </p>
</a>
<form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
 @csrf
</form> 

Salve e teste, a princípio já está funcionando perfeitamente =)

Aproveitando o tópico, vamos adicionar o redirecionamento no arquivo:

routes/web.php

Adicionando a linha:

Route::get('/', function () { return redirect('/dashboard'); })

Agora toda vez que alguém acessar a URL projeto/ será redirecionado para a página Dashboard e caso não tenha feito o login será redirecionado para a página de autenticação, pois no controller da página Home foi definido o middleware 'auth'.

Vamos alterar o redirecionamento ao clicar no logo da aplicação. Abra o master.blade.php e altere o href:

<a href="/" class="brand-link">

E veja que será redirecionado para o Dashboard fora do Single Page Aplication (como se fosse um refresh).

Código fonte do post: https://github.com/Meirimbr/curso_laravel/tree/master/9

Até a próxima!

[ ]'s