Update Image untuk Form Login yang telah di kompres
This commit is contained in:
parent
9a22a84863
commit
995e455788
@ -11,47 +11,47 @@
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
<style>
|
||||
body {
|
||||
background-color: #85b9df;
|
||||
background-color: #85b9df;
|
||||
}
|
||||
.login-container {
|
||||
min-height: 100vh;
|
||||
min-height: 100vh;
|
||||
}
|
||||
.login-card {
|
||||
border-radius: 16px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 6px 18px rgba(0,0,0,0.1);
|
||||
border-radius: 16px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 6px 18px rgba(0,0,0,0.1);
|
||||
}
|
||||
.login-img {
|
||||
object-fit: cover;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.form-control {
|
||||
border-radius: 10px;
|
||||
border: 1px solid #dee2e6;
|
||||
box-shadow: none;
|
||||
transition: all 0.3s ease-in-out;
|
||||
border-radius: 10px;
|
||||
border: 1px solid #dee2e6;
|
||||
box-shadow: none;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
.form-control:focus {
|
||||
border-color: #0d6efd;
|
||||
box-shadow: 0 0 0 0.2rem rgba(13,110,253,0.15);
|
||||
border-color: #0d6efd;
|
||||
box-shadow: 0 0 0 0.2rem rgba(13,110,253,0.15);
|
||||
}
|
||||
.btn-primary {
|
||||
border-radius: 10px;
|
||||
font-weight: 500;
|
||||
padding: 0.75rem;
|
||||
transition: all 0.3s ease-in-out;
|
||||
border-radius: 10px;
|
||||
font-weight: 500;
|
||||
padding: 0.75rem;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
.btn-primary:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 12px rgba(13,110,253,0.3);
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 12px rgba(13,110,253,0.3);
|
||||
}
|
||||
.form-check-label {
|
||||
font-size: 0.9rem;
|
||||
color: #555;
|
||||
font-size: 0.9rem;
|
||||
color: #555;
|
||||
}
|
||||
h3 {
|
||||
font-weight: 700;
|
||||
font-weight: 700;
|
||||
}
|
||||
.card-footer {
|
||||
border: none !important;
|
||||
@ -82,7 +82,7 @@ if(!isset($password)) { $password = ''; }
|
||||
|
||||
<!-- Bagian Gambar -->
|
||||
<div class="col-sm-6 col-md-8 d-none d-md-block">
|
||||
<img src="<?=base_url();?>/assets/images/finalpanda.png" alt="login" class="login-img" alt="">
|
||||
<img src="<?=base_url();?>/assets/images/finalpanda.jpg" alt="login" class="login-img" alt="">
|
||||
</div>
|
||||
|
||||
<!-- Bagian Form -->
|
||||
@ -133,13 +133,5 @@ if(!isset($password)) { $password = ''; }
|
||||
</div>
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$(".preloader").fadeOut();
|
||||
});
|
||||
$(function() {
|
||||
$('[data-bs-toggle="tooltip"]').tooltip()
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
BIN
public/assets/images/finalpanda.jpg
Normal file
BIN
public/assets/images/finalpanda.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 290 KiB |
Loading…
x
Reference in New Issue
Block a user