new auth ui design

This commit is contained in:
Resul Madesenow
2024-02-22 18:35:43 +05:00
parent fb70c3758c
commit c277b33675
5 changed files with 31 additions and 15 deletions

View File

@@ -3,6 +3,15 @@
background-size: cover;
}
.login-section {
padding: 0px 120px;
.logo {
text-align: -webkit-center;
margin-bottom: 20px;
}
.login-section {
padding: 0px 120px 0px 5px;
}
.object-cover {
object-fit: cover;
}

View File

@@ -2,10 +2,13 @@
@section('content')
<div class="login-section flex justify-between items-center h-screen">
<div>
<img src="assets/images/logo-login.png" width="400px">
<div class="h-full">
<img src="/assets/images/login-bg.jpg" class="max-w-2xl h-full object-cover">
</div>
<div>
<div class="logo">
<img src="assets/images/logo-login.png" width="150px">
</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">
@@ -47,5 +50,6 @@
</a>
</form>
</div>
</div>
@stop

View File

@@ -2,10 +2,13 @@
@section('content')
<div class="login-section flex justify-between items-center h-screen">
<div>
<img src="{{ asset('assets/images/logo-login.png')}}" width="400px">
<div class="h-full">
<img src="/assets/images/login-bg.jpg" class="max-w-2xl h-full object-cover">
</div>
<div>
{{-- <div class="logo">
<img src="assets/images/logo-login.png" width="200px">
</div> --}}
<form class="bg-white dark:bg-gray-800 shadow rounded-lg p-8 w-[25rem] mx-auto" method="POST" action="{{ route('register') }}">
@csrf
<h2 class="text-2xl text-center font-normal mb-6">{{ __('Welcome Back!') }}</h2>

View File

@@ -2,12 +2,13 @@
@section('content')
<div class="login-section flex justify-between items-center h-screen">
<div>
<img src="{{ asset('assets/images/logo-login.png')}}" width="400px">
<div class="h-full">
<img src="/assets/images/login-bg.jpg" class="max-w-2xl h-full object-cover">
</div>
<div>
<div>
<div class="logo">
<img src="assets/images/logo-login.png" width="150px">
</div>
<form
method="POST"
action="{{ route('reset-password') }}"
@@ -16,7 +17,7 @@
>
@csrf
<div class="mx-auto py-2 max-w-md flex justify-center">
<span class="text-4xl text-center">{{ __('Forgot your password?') }}</span>
<span class="text-3xl text-center">{{ __('Forgot your password?') }}</span>
</div>
<h2 class="text-2xl text-center font-normal mb-6">{{ __('Enter your username to continue') }}</h2>
<svg class="block mx-auto mb-6" xmlns="http://www.w3.org/2000/svg" width="100" height="2" viewBox="0 0 100 2">
@@ -68,5 +69,4 @@
</form>
</div>
</div>
</div>
@stop

View File

@@ -12,7 +12,7 @@
<link rel="stylesheet" href="/assets/css/auth.css">
</head>
<body>
<div class="bg-img">
<div class="">
<div class="bg-white flex justify-between px-4 py-1 absolute w-full">
<div class="px-8 text-white text-sm p-1 rounded uppercase font-bold">
{{-- bg-green-500 --}}