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{
min-height: 650px;
}
.carousel-inner{
height: 490px;
}
.carousel-item{
height: 490px;
}
.carousel-item img{
width: 100%;
height: 100%;
object-fit: contain;
}
.login-card{
min-height: 300px;
}
@ -42,24 +28,92 @@
flex-direction:column;
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>
<body>
<!-- Body Wrapper -->
<div class="container p-5">
<div class="row">
<div class="col-md-7">
<div class="text-center">
<div class="col-md-7 d-none d-md-flex flex-column justify-content-center">
<!-- Header -->
<div class="text-center mb-4">
<img src="/logo/logo_rsabhk.png"
class="img-fluid"
style="max-height:80px;">
<h5 class="fw-bold mt-4">RUMAH SAKIT ANAK DAN BUNDA HARAPAN KITA</h4>
class="img-fluid mb-3"
style="max-height:90px;">
<h4 class="fw-bold text-black mb-1">
RUMAH SAKIT ANAK DAN BUNDA HARAPAN KITA
</h4>
</div>
<!-- Slider -->
<div id="loginCarousel"
class="carousel slide carousel-fade"
class="carousel slide"
data-bs-ride="carousel"
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-item active text-center">
@ -78,6 +132,7 @@
</div>
</div>
</div>
</div>