fix card, fix main base_url, add logo on topbar

This commit is contained in:
mahdahar 2024-11-12 09:19:57 +07:00
parent 66ea608585
commit d5823c9d2a
7 changed files with 26 additions and 34 deletions

2
.env
View File

@ -21,7 +21,7 @@ CI_ENVIRONMENT = development
#--------------------------------------------------------------------
# app.baseURL = ''
app.baseURL = 'http://cmod-padma.local'
app.baseURL = 'http://cmod.local'
# If you have trouble with `.`, you could also use `_`.
# app_baseURL = ''
# app.forceGlobalSecureRequests = false

View File

@ -5,7 +5,7 @@
tr { cursor: pointer; }
</style>
<div class="row d-flex justify-content-evenly">
<div class="d-flex justify-content-between p-0">
<div class="custom-card">
<div class="custom-card-content">
<div class="row p-0 d-flex justify-content-between">
@ -13,7 +13,7 @@ tr { cursor: pointer; }
<h5 class="m-0"><i class="bi bi-clock-history"></i></h5>
</div>
<div class="col-9 text-end pe-3">
<h2 class="m-0 custom-card-title">99999</h2>
<h2 class="m-0 custom-card-title">345</h2>
</div>
</div>
<hr class="text-orange">
@ -27,11 +27,11 @@ tr { cursor: pointer; }
<h5 class="m-0"><i class="bi bi-tv"></i></h5>
</div>
<div class="col-9 text-end pe-3">
<h2 class="m-0 custom-card-title">44444</h2>
<h2 class="m-0 custom-card-title">333</h2>
</div>
</div>
<hr class="text-peach">
<h3 class="custom-card-text m-0 p-0 text-peach">Partial Collect</h3>
<h3 class="custom-card-text m-0 p-0 text-peach">Part. Collect</h3>
</div>
</div>
<div class="custom-card">
@ -41,11 +41,11 @@ tr { cursor: pointer; }
<h5 class="m-0"><i class="bi bi-collection"></i></h5>
</div>
<div class="col-9 text-end pe-3">
<h2 class="m-0 custom-card-title">55422</h2>
<h2 class="m-0 custom-card-title">542</h2>
</div>
</div>
<hr class="text-pink">
<h3 class="custom-card-text m-0 p-0 text-pink">Full Collect</h3>
<h3 class="custom-card-text m-0 p-0 text-pink">Collected</h3>
</div>
</div>
<div class="custom-card">
@ -55,11 +55,11 @@ tr { cursor: pointer; }
<h5 class="m-0"><i class="bi bi-file-medical"></i></h5>
</div>
<div class="col-9 text-end pe-3">
<h2 class="m-0 custom-card-title">34422</h2>
<h2 class="m-0 custom-card-title">436</h2>
</div>
</div>
<hr class="text-soft-blue">
<h3 class="custom-card-text m-0 p-0 text-soft-blue">Partial Receive</h3>
<h3 class="custom-card-text m-0 p-0 text-soft-blue">Part. Rcv.</h3>
</div>
</div>
<div class="custom-card">
@ -69,11 +69,11 @@ tr { cursor: pointer; }
<h5 class="m-0"><i class="bi bi-journal-medical"></i></h5>
</div>
<div class="col-9 text-end pe-3">
<h2 class="m-0 custom-card-title">28922</h2>
<h2 class="m-0 custom-card-title">567</h2>
</div>
</div>
<hr class="text-blue">
<h3 class="custom-card-text m-0 p-0 text-blue">Full Receive</h3>
<h3 class="custom-card-text m-0 p-0 text-blue">Received</h3>
</div>
</div>
<div class="custom-card">
@ -83,7 +83,7 @@ tr { cursor: pointer; }
<h5 class="m-0"><i class="bi bi-calendar3-week"></i></h5>
</div>
<div class="col-9 text-end pe-3">
<h2 class="m-0 custom-card-title">12345</h2>
<h2 class="m-0 custom-card-title">321</h2>
</div>
</div>
<hr class="text-grey">
@ -97,11 +97,11 @@ tr { cursor: pointer; }
<h5 class="m-0"><i class="bi bi-check2"></i></h5>
</div>
<div class="col-9 text-end pe-3">
<h2 class="m-0 custom-card-title">52341</h2>
<h2 class="m-0 custom-card-title">432</h2>
</div>
</div>
<hr class="text-soft-green">
<h3 class="custom-card-text m-0 p-0 text-soft-green">Partial Val</h3>
<h3 class="custom-card-text m-0 p-0 text-soft-green">Part. Val.</h3>
</div>
</div>
<div class="custom-card">
@ -111,11 +111,11 @@ tr { cursor: pointer; }
<h5 class="m-0"><i class="bi bi-clipboard-check"></i></h5>
</div>
<div class="col-9 text-end pe-3">
<h2 class="m-0 custom-card-title">45678</h2>
<h2 class="m-0 custom-card-title">321</h2>
</div>
</div>
<hr class="text-green">
<h3 class="custom-card-text m-0 p-0 text-green">Complete Val</h3>
<h3 class="custom-card-text m-0 p-0 text-green">Validated</h3>
</div>
</div>
</div>

View File

@ -7,29 +7,22 @@
<meta name="description" content="" />
<meta name="author" content="" />
<title>Analis Dashboard</title>
<script src="assets/jquery-3.6.0.min.js"></script>
<link rel="stylesheet" href="assets/css/icons/font/bootstrap-icons.min.css">
<link rel="stylesheet" href="assets/datatables/datatables.min.css">
<link href="assets/css/styles.css" rel="stylesheet" />
<!-- <script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script> -->
<script src="<?=base_url();?>assets/jquery-3.6.0.min.js"></script>
<link rel="stylesheet" href="<?=base_url();?>assets/css/icons/font/bootstrap-icons.min.css">
<link rel="stylesheet" href="<?=base_url();?>assets/datatables/datatables.min.css">
<link href="<?=base_url();?>assets/css/styles.css" rel="stylesheet" />
</head>
<body class="sb-nav-fixed">
<body class="sb-nav-fixed sb-sidenav-toggled">
<?= $this->include('layouts/topbar'); ?>
<!-- Sidebar dan Content -->
<div id="layoutSidenav">
<?= $this->include('layouts/sidebar'); ?>
<div id="layoutSidenav_content">
<main>
<div class="container-fluid px-2 pt-4 pb-4">
<div class="container-fluid px-2 py-2">
<?php
if(isset($_SESSION['alertmsg'])) {

View File

@ -1,6 +1,6 @@
<nav class="sb-topnav navbar navbar-expand navbar-light bg-light shadow-sm text-luxury">
<a class="navbar-brand ps-3 d-none d-md-block" href="#">CMOD</a>
<a class="navbar-brand ps-3 d-none d-md-block" href="#"><img src='<?=base_url();?>assets/img/logo.png' width='30' /> CMOD</a>
<button class="btn btn-link me-2" id="sidebarToggle"><i class="bi bi-list "></i></button>

View File

@ -4196,7 +4196,7 @@ textarea.form-control-lg {
.custom-card {
text-align: center;
width: 127px; /* Atur lebar card sesuai keinginan */
width: 115px; /* Atur lebar card sesuai keinginan */
height: auto; /* Atur tinggi card sesuai keinginan */
background-color: #ffffff;
border-radius: 10px; /* Membuat sudut card membulat */
@ -11103,7 +11103,7 @@ body {
z-index: 1039;
}
.sb-nav-fixed #layoutSidenav #layoutSidenav_nav {
width: 210px;
width: 225px;
height: 100vh;
z-index: 1038;
}
@ -11114,8 +11114,7 @@ body {
overflow-y: auto;
}
.sb-nav-fixed #layoutSidenav #layoutSidenav_content {
/* padding-left: 225px; */
padding-left: 210px;
padding-left: 225px;
top: 56px;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.1 KiB

After

Width:  |  Height:  |  Size: 21 KiB