login ui finished
This commit is contained in:
Resul Madesenow
115
resources/views/vendor/nova/pages/login.blade.php
vendored
115
resources/views/vendor/nova/pages/login.blade.php
vendored
@@ -10,59 +10,72 @@
|
|||||||
|
|
||||||
<!-- Styles -->
|
<!-- Styles -->
|
||||||
<link rel="stylesheet" href="/vendor/nova/app.css?id=496e3383c5e2918c7bc875f45870e701">
|
<link rel="stylesheet" href="/vendor/nova/app.css?id=496e3383c5e2918c7bc875f45870e701">
|
||||||
|
<style type="text/css">
|
||||||
|
.bg-img {
|
||||||
|
background: url({{ asset('assets/images/login-bg.jpg')}}) no-repeat fixed var(--sc-login-bg-position, 50% 50%);
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
.login-section {
|
||||||
|
padding: 0px 150px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body class="min-w-site text-sm font-medium min-h-full text-gray-500 dark:text-gray-400 bg-gray-100 dark:bg-gray-900"
|
<body class="min-w-site text-sm font-medium h-full text-gray-500 dark:text-gray-400 bg-gray-100 dark:bg-gray-900">
|
||||||
style="background-image: url({{ asset('assets/images/login-bg.jpg')}}">
|
<div class="flex justify-between px-4 py-1">
|
||||||
<div class="py-6 px-1 md:px-2 lg:px-6">
|
<div class="bg-green-500 px-6 text-white text-base rounded-md"><a href="#"> Töleg barlagy </a></div>
|
||||||
<div class="mx-auto py-8 max-w-sm flex justify-center">
|
<div class="flex">
|
||||||
<span class="text-4xl">{{ __('Online panel') }}</span>
|
<p class="mr-6 text-base text-gray-900">(+99312) 44-41-15</p>
|
||||||
|
<p class="text-base text-gray-900">Kömek</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="bg-img h-full flex items-center mt-4">
|
||||||
|
<div class="login-section relative block md:flex items-center justify-between w-full">
|
||||||
|
<div>
|
||||||
|
<img src="{{ asset('assets/images/logo-login.png')}}" width="85%">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<form class="bg-white dark:bg-gray-800 shadow rounded-lg p-8 w-[25rem] mx-auto" method="POST" action="{{ route('login') }}">
|
||||||
|
@csrf
|
||||||
|
<div class="mb-6">
|
||||||
|
<label class="block mb-2" for="username">
|
||||||
|
{{ __('Username') }}
|
||||||
|
</label>
|
||||||
|
<input class="form-control form-input form-input-bordered w-full @error('username') form-input-border-error @enderror" id="username" type="text" name="username" autofocus="" value="{{ old('username') }}">
|
||||||
|
|
||||||
|
@error('username')
|
||||||
|
<span class="text-red-500 text-italic">
|
||||||
|
<strong>{{ $message }}</strong>
|
||||||
|
</span>
|
||||||
|
@enderror
|
||||||
|
</div>
|
||||||
|
<div class="mb-6">
|
||||||
|
<label class="block mb-2" for="password">
|
||||||
|
{{ __('Password') }}
|
||||||
|
</label>
|
||||||
|
<input class="form-control form-input form-input-bordered w-full @error('username') form-input-border-error @enderror" id="password" type="password" name="password">
|
||||||
|
|
||||||
|
@error('password')
|
||||||
|
<span class="text-red-500 text-italic">
|
||||||
|
<strong>{{ $message }}</strong>
|
||||||
|
</span>
|
||||||
|
@enderror
|
||||||
|
</div>
|
||||||
|
<div class="flex mb-6">
|
||||||
|
<div class="ml-auto">
|
||||||
|
<a href="{{ route('reset-password') }}" class="text-gray-500 font-bold no-underline">
|
||||||
|
{{ __('Forgot your password?') }}
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<button class="w-full flex justify-center shadow relative bg-primary-500 hover:bg-primary-400 text-white dark:text-gray-900 w-full flex justify-center cursor-pointer rounded text-sm font-bold focus:outline-none focus:ring ring-primary-200 dark:ring-gray-600 inline-flex items-center justify-center h-9 px-3 mb-3 w-full flex justify-center shadow relative bg-primary-500 hover:bg-primary-400 text-white dark:text-gray-900 w-full flex justify-center" type="submit">
|
||||||
|
<span class=""><span>{{ __('Login') }}</span></span>
|
||||||
|
</button>
|
||||||
|
<a href="{{ route('register') }}" class="w-full flex justify-center shadow relative bg-primary-500 hover:bg-primary-400 text-white dark:text-gray-900 w-full flex justify-center cursor-pointer rounded text-sm font-bold focus:outline-none focus:ring ring-primary-200 dark:ring-gray-600 inline-flex items-center justify-center h-9 px-3 mb-3 w-full flex justify-center shadow relative bg-primary-500 hover:bg-primary-400 text-white dark:text-gray-900 w-full flex justify-center">
|
||||||
|
<span class=""><span>{{ __('Register') }}</span></span>
|
||||||
|
</a>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
|
||||||
<form class="bg-white dark:bg-gray-800 shadow rounded-lg p-8 max-w-[25rem] mx-auto" method="POST" action="{{ route('login') }}">
|
|
||||||
@csrf
|
|
||||||
<h2 class="text-2xl text-center font-normal mb-6">{{ __('Welcome Back!') }}</h2>
|
|
||||||
<svg class="block mx-auto mb-6" xmlns="http://www.w3.org/2000/svg" width="100" height="2" viewBox="0 0 100 2">
|
|
||||||
<path fill="#D8E3EC" d="M0 0h100v2H0z"></path>
|
|
||||||
</svg>
|
|
||||||
<div class="mb-6">
|
|
||||||
<label class="block mb-2" for="username">
|
|
||||||
{{ __('Username') }}
|
|
||||||
</label>
|
|
||||||
<input class="form-control form-input form-input-bordered w-full @error('username') form-input-border-error @enderror" id="username" type="text" name="username" autofocus="" value="{{ old('username') }}">
|
|
||||||
|
|
||||||
@error('username')
|
|
||||||
<span class="text-red-500 text-italic">
|
|
||||||
<strong>{{ $message }}</strong>
|
|
||||||
</span>
|
|
||||||
@enderror
|
|
||||||
</div>
|
|
||||||
<div class="mb-6">
|
|
||||||
<label class="block mb-2" for="password">
|
|
||||||
{{ __('Password') }}
|
|
||||||
</label>
|
|
||||||
<input class="form-control form-input form-input-bordered w-full @error('username') form-input-border-error @enderror" id="password" type="password" name="password">
|
|
||||||
|
|
||||||
@error('password')
|
|
||||||
<span class="text-red-500 text-italic">
|
|
||||||
<strong>{{ $message }}</strong>
|
|
||||||
</span>
|
|
||||||
@enderror
|
|
||||||
</div>
|
|
||||||
<div class="flex mb-6">
|
|
||||||
<div class="ml-auto">
|
|
||||||
<a href="{{ route('reset-password') }}" class="text-gray-500 font-bold no-underline">
|
|
||||||
{{ __('Forgot your password?') }}
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<button class="w-full flex justify-center shadow relative bg-primary-500 hover:bg-primary-400 text-white dark:text-gray-900 w-full flex justify-center cursor-pointer rounded text-sm font-bold focus:outline-none focus:ring ring-primary-200 dark:ring-gray-600 inline-flex items-center justify-center h-9 px-3 mb-3 w-full flex justify-center shadow relative bg-primary-500 hover:bg-primary-400 text-white dark:text-gray-900 w-full flex justify-center" type="submit">
|
|
||||||
<span class=""><span>{{ __('Login') }}</span></span>
|
|
||||||
</button>
|
|
||||||
<a href="{{ route('register') }}" class="w-full flex justify-center shadow relative bg-primary-500 hover:bg-primary-400 text-white dark:text-gray-900 w-full flex justify-center cursor-pointer rounded text-sm font-bold focus:outline-none focus:ring ring-primary-200 dark:ring-gray-600 inline-flex items-center justify-center h-9 px-3 mb-3 w-full flex justify-center shadow relative bg-primary-500 hover:bg-primary-400 text-white dark:text-gray-900 w-full flex justify-center">
|
|
||||||
<span class=""><span>{{ __('Register') }}</span></span>
|
|
||||||
</a>
|
|
||||||
</form>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Reference in New Issue
Block a user