auth ui responsive
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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 --}}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user