Merge pull request #1 from nurmuhammet-ali/auth-pages

auth ui responsive
This commit is contained in:
2024-02-23 17:16:08 +05:00
committed by GitHub
4 changed files with 31 additions and 9 deletions

View File

@@ -16,3 +16,25 @@
object-fit: cover;
}
@media screen and (max-width: 1024px){
.d-none {
display: none;
}
}
@media screen and (max-width: 1024px){
.d-center {
display: grid;
place-items: center;
padding: 0;
}
}
@media screen and (min-width: 1024px){
.d-center {
display: flex;
justify-content: space-between;
}
}

View File

@@ -1,9 +1,9 @@
@extends('vendor.nova.partials.auth-layout')
@section('content')
<div class="login-section flex justify-between items-center h-screen">
<div class="h-full">
<img src="/assets/images/login-bg.jpg" class="max-w-4xl h-full object-cover">
<div class="login-section d-center items-center h-screen">
<div class="d-none h-full max-w-4xl">
<img src="/assets/images/login-bg.jpg" class="h-full object-cover">
</div>
<div>
<div class="logo">

View File

@@ -1,9 +1,9 @@
@extends('vendor.nova.partials.auth-layout')
@section('content')
<div class="login-section flex justify-between items-center h-screen">
<div class="h-full">
<img src="/assets/images/login-bg.jpg" class="max-w-4xl h-full object-cover">
<div class="login-section d-center items-center h-screen">
<div class="d-none h-full max-w-4xl">
<img src="/assets/images/login-bg.jpg" class="h-full object-cover">
</div>
<div>
{{-- <div class="logo">

View File

@@ -1,9 +1,9 @@
@extends('vendor.nova.partials.auth-layout')
@section('content')
<div class="login-section flex justify-between items-center h-screen">
<div class="h-full">
<img src="/assets/images/login-bg.jpg" class="max-w-4xl h-full object-cover">
<div class="login-section d-center items-center h-screen">
<div class="d-none h-full max-w-4xl">
<img src="/assets/images/login-bg.jpg" class="h-full object-cover">
</div>
<div>
<div class="logo">