add styles

parent ee512b06
......@@ -3,7 +3,7 @@
return [
'name' => 'Reblum',
'title' => 'Reblum - portrait retouch app',
'minificate_static' => true,
'minificate_static' => false,
'empty_password' => '100',
];
.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
......@@ -1939,4 +1939,4 @@ section {
background: #3194db;
color: #fff;
text-decoration: none;
}
\ No newline at end of file
}
(function() {
"use strict";
console.log('AAA login page');
})()
\ No newline at end of file
<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>
......@@ -21,4 +21,4 @@
</ul>
</div>
@endif
</div>
\ No newline at end of file
</div>
......@@ -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,8 +40,10 @@
<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>
......
......@@ -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
......
......@@ -6,40 +6,45 @@
<section id="register" class="register">
<div class='container'>
<h4>Регiстрацiя</h4>
<form method="post" action="{{ route('register.store') }}">
<div class="row justify-content-center">
<div class="col-4 text-center">
@csrf
<h4>Регiстрацiя</h4>
<div class="form-group">
<label for='name'>Ваше имя</label>
<input class="form-control" type="text" id="name" name="name" value="{{ old('name') }}">
</div>
<form method="post" action="{{ route('register.store') }}">
<div class="form-group">
<label for='email'>Email address</label>
<input class="form-control" type="email" id="email" name="email" value="{{ old('email') }}">
</div>
<div class="form-group">
<label for='password'>Password</label>
<input class="form-control" type="password" id="password" name="password">
</div>
<div class="form-group">
<label for='password_confirmation'>Confirm password</label>
<input class="form-control" type="password" id="password_confirmation" name="password_confirmation">
</div>
<div class="form-group">
<button type="submit" class="btn btn-primary">Send</button>
</div>
@csrf
<div class="form-group">
<label for='name'>Ваше имя</label>
<input class="form-control" type="text" id="name" name="name" value="{{ old('name') }}">
</div>
</form>
<div class="form-group">
<label for='email'>Email address</label>
<input class="form-control" type="email" id="email" name="email" value="{{ old('email') }}">
</div>
<div class="form-group">
<label for='password'>Password</label>
<input class="form-control" type="password" id="password" name="password">
</div>
<div class="form-group">
<label for='password_confirmation'>Confirm password</label>
<input class="form-control" type="password" id="password_confirmation" name="password_confirmation">
</div>
<div class="form-group">
<button type="submit" class="btn btn-primary">Send</button>
</div>
</form>
<a class="" href="{{ route('login.create') }}">Вхiд</a>
</div>
</div>
</div>
</section>
......
......@@ -2,38 +2,51 @@
@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'>
<h4>Авторизацiя</h4>
<form method="post" action="{{ route('login') }}">
<div class="row justify-content-center">
<div class="col-4 text-center">
@csrf
<h4>Авторизацiя</h4>
<form method="post" action="{{ route('login') }}">
@csrf
<div class="form-group">
<label for='email'>Email address</label>
<input class="form-control" type="email" id="email" name="email" value="{{ old('email') }}">
</div>
<div class="form-group">
<label for='password'>Password</label>
<input class="form-control" type="password" id="password" name="password">
</div>
<div class="form-group">
<button type="submit" class="btn btn-primary">Войти</button>
</div>
<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>
<div class="form-group">
<label for='email'>Email address</label>
<input class="form-control" type="email" id="email" name="email" value="{{ old('email') }}">
</div>
<div class="form-group">
<label for='password'>Password</label>
<input class="form-control" type="password" id="password" name="password">
</div>
<div class="form-group">
<button type="submit" class="btn btn-primary">Войти</button>
</div>
<a class="" href="{{ route('login.google') }}">Войти через Google</a><br>
@signInWithApple("black", true, "sign-in", 10)
</form>
<a class="" href="{{ route('register.create') }}">Регiстрацiя</a>
</div>
</div>
</section>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment