Joko/project_directory
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

new version tampilan login

Browse Source
This commit is contained in:
JokoPrasetio 2026-06-02 16:21:45 +07:00
parent fbc4e76f7b
commit 7bbc87d6a7
1 changed files with 75 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

95
resources/views/auth/index.blade.php
View File

@ -19,20 +19,6 @@
.login-wrapper{ .login-wrapper{
min-height: 650px; min-height: 650px;
} }
.carousel-inner{
height: 490px;
}
.carousel-item{
height: 490px;
}
.carousel-item img{
width: 100%;
height: 100%;
object-fit: contain;
}
.login-card{ .login-card{
min-height: 300px; min-height: 300px;
} }
@ -42,24 +28,92 @@
flex-direction:column; flex-direction:column;
justify-content:center; justify-content:center;
} }
.carousel-image{
width:100%;
max-height:420px;
object-fit:contain;
}
.carousel-indicators{
bottom:-40px;
}
.carousel-indicators button{
background-color:#0d6efd;
}
@media (max-width: 768px){
.carousel-image{
max-height:300px;
}
}
.carousel-indicators{
bottom: -50px;
}
.carousel-indicators button{
width: 10px !important;
height: 10px !important;
border-radius: 50% !important;
background-color: #adb5bd !important;
border: none !important;
margin: 0 5px !important;
opacity: 1 !important;
}
.carousel-indicators .active{
background-color: #212529 !important;
transform: scale(1.2);
}
</style> </style>
<body> <body>
<!-- Body Wrapper --> <!-- Body Wrapper -->
<div class="container p-5"> <div class="container p-5">
<div class="row"> <div class="row">
<div class="col-md-7"> <div class="col-md-7 d-none d-md-flex flex-column justify-content-center">
<div class="text-center">
<!-- Header -->
<div class="text-center mb-4">
<img src="/logo/logo_rsabhk.png" <img src="/logo/logo_rsabhk.png"
class="img-fluid" class="img-fluid mb-3"
style="max-height:80px;"> style="max-height:90px;">
<h5 class="fw-bold mt-4">RUMAH SAKIT ANAK DAN BUNDA HARAPAN KITA</h4>
<h4 class="fw-bold text-black mb-1">
RUMAH SAKIT ANAK DAN BUNDA HARAPAN KITA
</h4>
</div> </div>
<!-- Slider -->
<div id="loginCarousel" <div id="loginCarousel"
class="carousel slide carousel-fade" class="carousel slide"
data-bs-ride="carousel" data-bs-ride="carousel"
data-bs-interval="3000"> data-bs-interval="3000">
<!-- Indicator -->
<div class="carousel-indicators">
<button type="button"
data-bs-target="#loginCarousel"
data-bs-slide-to="0"
class="active">
</button>
<button type="button"
data-bs-target="#loginCarousel"
data-bs-slide-to="1">
</button>
<button type="button"
data-bs-target="#loginCarousel"
data-bs-slide-to="2">
</button>
</div>
<div class="carousel-inner"> <div class="carousel-inner">
<div class="carousel-item active text-center"> <div class="carousel-item active text-center">
@ -78,6 +132,7 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>