add styles

src/config/project.php

@@ -3,7 +3,7 @@
 return [
     'name' => 'Reblum',
     'title' => 'Reblum - portrait retouch app',
-    'minificate_static' => true,
+    'minificate_static' => false,
     'empty_password' => '100',
 ];
 

src/public/assets/css/common.css

+
+.b-alerts .alert
+    {
+    position: fixed;
+    margin-top: 30px;
+    z-index: 9999;
+    }
+
+.b-header-menu
+    {
+    text-align: right;
+    }
+    
+.btn-google
+    {
+    color: #545454;
+    background-color: #ffffff;
+    box-shadow: 0 1px 2px 1px #ddd;
+    }
+    
+    .btn-google:focus
+        {
+        outline: 0;
+        box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
+        }
+    
+    :not(.btn-check)+.btn-google:active {
+        border-color: transparent;
+    }
+    
+#sign-in-with-apple
+    {
+    display: inline !important;
+    padding: 10px !important;
+    border-color: #000 !important;
+    border-radius: 8px !important;
+    }
+    
\ No newline at end of file

src/public/assets/js/login.js

+(function() {
+    "use strict";
+
+    console.log('AAA login page');
+
+})()
\ No newline at end of file

src/resources/views/layouts/alerts.blade.php

-<div class="mt-5">
+<div class="b-alerts row justify-content-center">
     
     @if(session('success'))
-        <div class="alert alert-success">
+        <div class="alert alert-success col-4">
             {{ session('success') }}
         </div>
     @endif
     
     @if(session('error'))
-        <div class="alert alert-danger">
+        <div class="alert alert-danger col-4">
             {{ session('error') }}
         </div>
     @endif
 
     @if ($errors->any())
-        <div class="alert alert-danger">
+        <div class="alert alert-danger col-4">
             <ul>
                 @foreach ($errors->all() as $error)
                     <li>{{ $error }}</li>

src/resources/views/layouts/layout.blade.php

@@ -28,8 +28,10 @@
     <!-- ======= Header ======= -->
     <header id="header" class="fixed-top">
         <div class="container d-flex align-items-center justify-content-between">
-            <h1 class="logo"><a href="{{ route('home') }}">{{ config('project.name') }}</a></h1>
             
+            <h1 class="logo col-4"><a href="{{ route('home') }}">{{ config('project.name') }}</a></h1>
+            
+            <div class="b-header-menu col-4">
             @auth
                 <a class="" href="{{ url('settings') }}">Налаштування</a>
                 <a class="" href="{{ route('logout') }}">Вийти</a>
@@ -38,9 +40,11 @@
                 <a class="" href="{{ route('login.create') }}">Вхiд</a>
                 <a class="" href="{{ route('register.create') }}">Регiстрацiя</a>
             @endguest
+            </div>
             
             @yield('head_content')
             
+
         </div>
     </header><!-- End Header -->
   
@@ -58,6 +62,7 @@
 
     <!-- JS Files -->
     @include('layouts.scripts')
+    @yield('page_scripts')
   
 
 </body>

src/resources/views/layouts/styles.blade.php

@@ -12,6 +12,7 @@
     <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
     <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
     <link href="assets/css/style.css" rel="stylesheet">
+    <link href="assets/css/common.css" rel="stylesheet">
 
 @endif
 

src/resources/views/user/create.blade.php

@@ -7,6 +7,9 @@
 <section id="register" class="register">
     <div class='container'>
         
+        <div class="row justify-content-center">
+            <div class="col-4 text-center">
+
                 <h4>Регiстрацiя</h4>
 
                 <form method="post" action="{{ route('register.store') }}">
@@ -39,7 +42,9 @@
 
                 </form>
         
-        <a class="" href="{{ route('login.create') }}">Вхiд</a>
+            </div>
+        </div>
+
         
     </div>
 </section>

src/resources/views/user/login.blade.php

@@ -2,11 +2,21 @@
 
 @section('title')Авторизацiя @endsection
 
+@section('page_scripts')
+    @if(!config('project.minificate_static'))
+        <script src="assets/js/login.js"></script>
+    @endif
+@endsection
+
+
 @section('content')
 
 <section>
     <div class='container'>
 
+        <div class="row justify-content-center">
+            <div class="col-4 text-center">
+
                 <h4>Авторизацiя</h4>
 
                 <form method="post" action="{{ route('login') }}">
@@ -27,13 +37,16 @@
                         <button type="submit" class="btn btn-primary">Войти</button>
                     </div>
 
-            <a class="" href="{{ route('login.google') }}">Войти через Google</a><br>
+                    <a class="btn btn-google" href="{{ route('login.google') }}"><img src="https://img.icons8.com/color/16/000000/google-logo.png"> Sign in with Google</a>
                     
+                    <div>
                         @signInWithApple("black", true, "sign-in", 10)
+                    </div>
 
                 </form>
 
-        <a class="" href="{{ route('register.create') }}">Регiстрацiя</a>
+            </div>
+        </div>
 
     </div>
 </section>