fix : 대시보드 크기 수정

main
이범준 2 years ago
parent 1b63d8ff14
commit 31dd8a89e6

@ -24,7 +24,7 @@
</div> </div>
<div class="col px-1"> <div class="col px-1">
<p class="mb-1">10/10</p> <p class="mb-1">10/10</p>
<p class="mb-1">민원(즉시단속)</p> <p class="mb-1">민원<br/>(즉시단속)</p>
</div> </div>
</div> </div>
<div class="card-footer ms-auto"> <div class="card-footer ms-auto">
@ -52,11 +52,15 @@
<div class="card-body row"> <div class="card-body row">
<div class="col px-1 card-separator"> <div class="col px-1 card-separator">
<p class="mb-1">2/10</p> <p class="mb-1">2/10</p>
<p class="mb-1">계도장발송현황</p> <p class="mb-1">계도장<br/>발송현황</p>
</div>
<div class="col px-1 card-separator">
<p class="mb-1">2/3</p>
<p class="mb-1">사전통보<br/>발송현황</p>
</div> </div>
<div class="col px-1"> <div class="col px-1">
<p class="mb-1">2/3</p> <p class="mb-1">2/3</p>
<p class="mb-1">사전통보발송현황</p> <p class="mb-1">고지서<br/>발송현황</p>
</div> </div>
</div> </div>
<div class="card-footer ms-auto"> <div class="card-footer ms-auto">
@ -70,10 +74,14 @@
<p class="mb-1">2/10</p> <p class="mb-1">2/10</p>
<p class="mb-1">접수</p> <p class="mb-1">접수</p>
</div> </div>
<div class="col px-1"> <div class="col px-1 card-separator">
<p class="mb-1">2/3</p> <p class="mb-1">2/3</p>
<p class="mb-1">수용/미수용</p> <p class="mb-1">수용/미수용</p>
</div> </div>
<div class="col px-1">
<p class="mb-1">2/3</p>
<p class="mb-1">자진취하</p>
</div>
</div> </div>
<div class="card-footer ms-auto"> <div class="card-footer ms-auto">
의견진술관리 바로가기 > 의견진술관리 바로가기 >

@ -1,7 +1,7 @@
div.dashboard { div.dashboard {
display: grid; display: grid;
grid-template-columns : repeat(auto-fill,minmax(125px, 125px)); grid-template-columns : repeat(auto-fill,minmax(145px, 145px));
grid-template-rows: repeat(auto-fill,minmax(100px, 100px)); grid-template-rows: repeat(auto-fill,minmax(116px, 116px));
justify-content: center; justify-content: center;
grid-auto-flow: row; grid-auto-flow: row;
grid-column-gap: 10px; grid-column-gap: 10px;
@ -13,13 +13,14 @@ div.dashboard {
@media (max-width: 1300px) { @media (max-width: 1300px) {
div.dashboard { div.dashboard {
grid-template-columns : repeat(8,minmax(125px, 125px)); grid-template-columns : repeat(8,minmax(145px, 145px));
} }
} }
div.dashboard .card { div.dashboard .card {
height: 100%; height: 100%;
font-size: 13px; font-size: 12px;
font-weight: bold;
} }
div.dashboard .card-header { div.dashboard .card-header {
margin: 0; margin: 0;

Loading…
Cancel
Save