update dashboard indikator pertanian

This commit is contained in:
2026-08-13 17:00:00 +07:00
parent b96de514e3
commit 88762f7afb
@@ -121,10 +121,19 @@
.indicator-tabs { .indicator-tabs {
gap: .5rem; gap: .5rem;
margin-bottom: .25rem !important;
overflow-x: auto; overflow-x: auto;
scrollbar-width: none; scrollbar-width: none;
} }
.indicator-tab-content {
padding-top: 0 !important;
}
.indicator-tab-pane-grid {
margin-top: 0 !important;
}
.indicator-tabs::-webkit-scrollbar { .indicator-tabs::-webkit-scrollbar {
display: none; display: none;
} }
@@ -142,8 +151,11 @@
width: 100%; width: 100%;
} }
.indicator-tab-content { .indicator-tab-shell.nav-align-top > .indicator-tab-content,
.indicator-tab-shell.nav-align-top .nav-pills ~ .indicator-tab-content {
background: transparent; background: transparent;
border: 0;
border-radius: 0;
box-shadow: none; box-shadow: none;
padding: 0; padding: 0;
} }
@@ -338,7 +350,7 @@
@endforeach @endforeach
</div> </div>
<div class="nav-align-top mt-4"> <div class="nav-align-top indicator-tab-shell mt-4">
<ul class="nav nav-pills flex-column flex-md-row mb-6 row-gap-2 indicator-tabs" role="tablist"> <ul class="nav nav-pills flex-column flex-md-row mb-6 row-gap-2 indicator-tabs" role="tablist">
<li class="nav-item"> <li class="nav-item">
<button <button
@@ -418,7 +430,7 @@
id="indicator-tab-lahan-tanaman" id="indicator-tab-lahan-tanaman"
role="tabpanel" role="tabpanel"
> >
<div class="row g-6 mt-1"> <div class="row g-6 indicator-tab-pane-grid">
<div class="col-xxl-4 col-lg-6"> <div class="col-xxl-4 col-lg-6">
<div class="card h-100"> <div class="card h-100">
<div class="card-header d-flex justify-content-between align-items-center"> <div class="card-header d-flex justify-content-between align-items-center">
@@ -548,7 +560,7 @@
</div> </div>
<div class="tab-pane fade" id="indicator-tab-produksi" role="tabpanel"> <div class="tab-pane fade" id="indicator-tab-produksi" role="tabpanel">
<div class="row g-6 mt-1"> <div class="row g-6 indicator-tab-pane-grid">
<div class="col-xxl-4 col-lg-6"> <div class="col-xxl-4 col-lg-6">
<div class="card h-100"> <div class="card h-100">
<div class="card-header d-flex justify-content-between align-items-center"> <div class="card-header d-flex justify-content-between align-items-center">