Add status_bar partial to display warnings and errors
MODIFY
resources/assets/sass/components/spacing.scss
resources/assets/sass/components/spacing.scss
margin-bottom: 10px;
}
+.mb-2 {
+ margin-bottom: 20px;
+}
+
.ml-2 {
margin-left: 20px;
}

MODIFY
resources/views/layout.blade.php
resources/views/layout.blade.php
@if (View::hasSection('title')) <title>@yield('title') - {{ config('app.name') }}</title> @else <title>{{ config('app.name') }}</title> @endif
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script src="/storage/fontawesome/all.min.js"></script>
- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Muli:400,400i" />
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Muli:400,400i,600,600i" />
<link rel="stylesheet" href="/css/app.css" />
<link rel="stylesheet" href="//cdn.jsdelivr.net/chartist.js/latest/chartist.min.css" />
<script src="//cdn.jsdelivr.net/chartist.js/latest/chartist.min.js"></script>

MODIFY
resources/views/login.blade.php
resources/views/login.blade.php
<div class="wrapper narrow spacing-top-large spacing-bottom-large">
<h2 class="text-center spacing-bottom-large">Log in</h2>
@if (session('status'))
- <div style="
- padding: 10px;
- margin-bottom: 20px;
- text-align: center;
- color: #FFF;
- background: #FE7C4D;
- border-radius: 5px;
- ">{{ session('status') }}</div>
+ @include('partials.status_bar', ['payload' => ['classes' => 'mb-2', 'status' => session('status')]])
@endif
<div class="box">
<div class="section">

ADD
resources/views/partials/status_bar.blade.php
+<div class="row {{ $payload['classes'] }}" style="
+ padding: 15px;
+ color: #FFF;
+ background: #FE7C4D;
+ border-radius: 5px;
+">
+ <div class="row__column row__column--compact">
+ <i class="fas fa-exclamation-circle"></i>
+ </div>
+ <div class="row__column text-center" style="font-weight: 600;">{{ $payload['status'] }}</div>
+</div>

Add status_bar partial to display warnings and errors