label keterangan

This commit is contained in:
Hanan Askarim
2024-06-13 11:21:21 +07:00
committed by adibwp
parent 49a9f76574
commit 23382aa755

View File

@@ -230,6 +230,18 @@
justify-content: center;
flex: 1;
}
.label-keterangan {
display: flex;
width: 40px;
padding: 4px 12px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 4px;
background-color: #f5f8fa;
}
</style>
</head>
@@ -2052,6 +2064,12 @@
<div class="row mt-4 align-items-start font-weight-bold">
KETERANGAN KODE :
</div>
<div class="row mt-4">
<div class="label-gigi col-3">
<div class="label-keterangan">X</div>
<div>Berlubang</div>
</div>
</div>
</div>
</div>
</div>
@@ -2074,387 +2092,6 @@
</a>
</div>
</div>
<div
style="
margin-top: 20px;
display: flex;
padding: 10px;
align-items: flex-start;
align-self: stretch;
background-color: #f5f8fa;
"
>
<div
class="col-md-6"
style="
color: #212b36;
display: flex;
align-items: center;
justify-content: center;
flex: 1;
"
>
GIGI KANAN
</div>
<div
class="col-md-6"
style="
color: #212b36;
display: flex;
align-items: center;
justify-content: center;
flex: 1;
"
>
GIGI KIRI
</div>
</div>
<div class="row">
<div
class="col-md-6"
style="
display: flex;
justify-content: space-between;
align-items: center;
flex: 1 0 0;
gap: 20px;
padding-top: 16px;
"
>
<div>KODE</div>
<div>
<input
class="form-control form-control-solid"
type="text"
value=""
id="input1"
style="margin: 0 auto"
/>
</div>
<div>
<input
class="form-control form-control-solid"
type="text"
value=""
id="input1"
style="margin: 0 auto"
/>
</div>
<div>
<input
class="form-control form-control-solid"
type="text"
value=""
id="input1"
style="margin: 0 auto"
/>
</div>
<div>
<input
class="form-control form-control-solid"
type="text"
value=""
id="input1"
style="margin: 0 auto"
/>
</div>
<div>
<input
class="form-control form-control-solid"
type="text"
value=""
id="input1"
style="margin: 0 auto"
/>
</div>
<div>
<input
class="form-control form-control-solid"
type="text"
value=""
id="input1"
style="margin: 0 auto"
/>
</div>
<div>
<input
class="form-control form-control-solid"
type="text"
value=""
id="input1"
style="margin: 0 auto"
/>
</div>
<div>
<input
class="form-control form-control-solid"
type="text"
value=""
id="input1"
style="margin: 0 auto"
/>
</div>
</div>
<div
class="col-md-6"
style="
display: flex;
justify-content: space-between;
align-items: center;
flex: 1 0 0;
gap: 20px;
padding-top: 16px;
"
>
<div>
<input
class="form-control form-control-solid"
type="text"
value=""
id="input1"
style="margin: 0 auto"
/>
</div>
<div>
<input
class="form-control form-control-solid"
type="text"
value=""
id="input1"
style="margin: 0 auto"
/>
</div>
<div>
<input
class="form-control form-control-solid"
type="text"
value=""
id="input1"
style="margin: 0 auto"
/>
</div>
<div>
<input
class="form-control form-control-solid"
type="text"
value=""
id="input1"
style="margin: 0 auto"
/>
</div>
<div>
<input
class="form-control form-control-solid"
type="text"
value=""
id="input1"
style="margin: 0 auto"
/>
</div>
<div>
<input
class="form-control form-control-solid"
type="text"
value=""
id="input1"
style="margin: 0 auto"
/>
</div>
<div>
<input
class="form-control form-control-solid"
type="text"
value=""
id="input1"
style="margin: 0 auto"
/>
</div>
<div>
<input
class="form-control form-control-solid"
type="text"
value=""
id="input1"
style="margin: 0 auto"
/>
</div>
<div>KODE</div>
</div>
</div>
<div class="row">
<div
class="col-md-6"
style="
display: flex;
justify-content: space-between;
align-items: center;
flex: 1 0 0;
gap: 20px;
padding-top: 16px;
"
>
<div>KODE</div>
<div>
<input
class="form-control form-control-solid"
type="text"
value=""
id="input1"
style="margin: 0 auto"
/>
</div>
<div>
<input
class="form-control form-control-solid"
type="text"
value=""
id="input1"
style="margin: 0 auto"
/>
</div>
<div>
<input
class="form-control form-control-solid"
type="text"
value=""
id="input1"
style="margin: 0 auto"
/>
</div>
<div>
<input
class="form-control form-control-solid"
type="text"
value=""
id="input1"
style="margin: 0 auto"
/>
</div>
<div>
<input
class="form-control form-control-solid"
type="text"
value=""
id="input1"
style="margin: 0 auto"
/>
</div>
<div>
<input
class="form-control form-control-solid"
type="text"
value=""
id="input1"
style="margin: 0 auto"
/>
</div>
<div>
<input
class="form-control form-control-solid"
type="text"
value=""
id="input1"
style="margin: 0 auto"
/>
</div>
<div>
<input
class="form-control form-control-solid"
type="text"
value=""
id="input1"
style="margin: 0 auto"
/>
</div>
</div>
<div
class="col-md-6"
style="
display: flex;
justify-content: space-between;
align-items: center;
flex: 1 0 0;
gap: 20px;
padding-top: 16px;
"
>
<div>
<input
class="form-control form-control-solid"
type="text"
value=""
id="input1"
style="margin: 0 auto"
/>
</div>
<div>
<input
class="form-control form-control-solid"
type="text"
value=""
id="input1"
style="margin: 0 auto"
/>
</div>
<div>
<input
class="form-control form-control-solid"
type="text"
value=""
id="input1"
style="margin: 0 auto"
/>
</div>
<div>
<input
class="form-control form-control-solid"
type="text"
value=""
id="input1"
style="margin: 0 auto"
/>
</div>
<div>
<input
class="form-control form-control-solid"
type="text"
value=""
id="input1"
style="margin: 0 auto"
/>
</div>
<div>
<input
class="form-control form-control-solid"
type="text"
value=""
id="input1"
style="margin: 0 auto"
/>
</div>
<div>
<input
class="form-control form-control-solid"
type="text"
value=""
id="input1"
style="margin: 0 auto"
/>
</div>
<div>
<input
class="form-control form-control-solid"
type="text"
value=""
id="input1"
style="margin: 0 auto"
/>
</div>
<div>KODE</div>
</div>
</div>
<!-- keterangan kode -->
<div