mahdahar/crm-summit
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update Image untuk Form Login yang telah di kompres

Browse Source
This commit is contained in:
mikael-zakaria 2025-08-22 08:55:55 +07:00
parent 9a22a84863
commit 995e455788
2 changed files with 24 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
app/Views/auth_login.php
View File

@ -11,47 +11,47 @@
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<style> <style>
body { body {
background-color: #85b9df; background-color: #85b9df;
} }
.login-container { .login-container {
min-height: 100vh; min-height: 100vh;
} }
.login-card { .login-card {
border-radius: 16px; border-radius: 16px;
overflow: hidden; overflow: hidden;
box-shadow: 0 6px 18px rgba(0,0,0,0.1); box-shadow: 0 6px 18px rgba(0,0,0,0.1);
} }
.login-img { .login-img {
object-fit: cover; object-fit: cover;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.form-control { .form-control {
border-radius: 10px; border-radius: 10px;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
box-shadow: none; box-shadow: none;
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
} }
.form-control:focus { .form-control:focus {
border-color: #0d6efd; border-color: #0d6efd;
box-shadow: 0 0 0 0.2rem rgba(13,110,253,0.15); box-shadow: 0 0 0 0.2rem rgba(13,110,253,0.15);
} }
.btn-primary { .btn-primary {
border-radius: 10px; border-radius: 10px;
font-weight: 500; font-weight: 500;
padding: 0.75rem; padding: 0.75rem;
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
} }
.btn-primary:hover { .btn-primary:hover {
transform: translateY(-2px); transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(13,110,253,0.3); box-shadow: 0 4px 12px rgba(13,110,253,0.3);
} }
.form-check-label { .form-check-label {
font-size: 0.9rem; font-size: 0.9rem;
color: #555; color: #555;
} }
h3 { h3 {
font-weight: 700; font-weight: 700;
} }
.card-footer { .card-footer {
border: none !important; border: none !important;
@ -82,7 +82,7 @@ if(!isset($password)) { $password = ''; }
<!-- Bagian Gambar --> <!-- Bagian Gambar -->
<div class="col-sm-6 col-md-8 d-none d-md-block"> <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> </div>
<!-- Bagian Form --> <!-- Bagian Form -->
@ -133,13 +133,5 @@ if(!isset($password)) { $password = ''; }
</div> </div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script> <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> </body>
</html> </html>

BIN
public/assets/images/finalpanda.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 290 KiB