auth ui responsive

This commit is contained in:
Resul Madesenow
2024-02-23 17:10:59 +05:00
parent 286e0b8555
commit 7cb1c09580
5 changed files with 32 additions and 10 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">

View File

@@ -13,7 +13,7 @@
</head>
<body>
<div class="">
<div class="bg-white flex justify-between px-4 py-1 absolute w-full shadow-lg">
<div class="bg-white d-center px-4 py-1 absolute w-full shadow-lg">
<div class="px-8 text-white text-sm p-1 rounded uppercase font-bold">
{{-- bg-green-500 --}}