zaccaria.majid
60 lines
1.8 KiB
Plaintext
60 lines
1.8 KiB
Plaintext
<div class="d-flex justify-content-between">
|
|
<div class="btn @isSizingActive" @onclick="()=>setSizing()">Sizing</div>
|
|
<div class="btn @isOpeningActive" @onclick="()=>setOpening()">Opening</div>
|
|
<div class="btn @isEdgesActive" @onclick="()=>setEdges()">Edges</div>
|
|
</div>
|
|
|
|
|
|
<div>
|
|
@if (isSizing)
|
|
{
|
|
<div class="d-flex justify-content-center m-5">
|
|
<div class="fs-4 me-3">Width</div>
|
|
<input />
|
|
</div>
|
|
<div class="d-flex justify-content-center m-5">
|
|
<div class="fs-4 me-3">Height</div>
|
|
<input />
|
|
</div>
|
|
<div class="d-flex justify-content-center m-5">
|
|
<div class="fs-4 me-3">Thickness</div>
|
|
<input />
|
|
</div>
|
|
}
|
|
else if(isOpening)
|
|
{
|
|
<div class="d-flex justify-content-center m-5">
|
|
<div class="fs-4 me-3">Swing</div>
|
|
<select>
|
|
<option>RH</option>
|
|
</select>
|
|
</div>
|
|
}
|
|
else if (isEdges)
|
|
{
|
|
<div class="d-flex justify-content-center m-5">
|
|
<div class="fs-4 me-3">Lock edge</div>
|
|
<select>
|
|
<option>SQ</option>
|
|
</select>
|
|
</div>
|
|
<div class="d-flex justify-content-center m-5">
|
|
<div class="fs-4 me-3">Hinge edge</div>
|
|
<select>
|
|
<option>SQ</option>
|
|
</select>
|
|
</div>
|
|
<div class="d-flex justify-content-center m-5">
|
|
<div class="fs-4 me-3">Top edge</div>
|
|
<select>
|
|
<option>SQ</option>
|
|
</select>
|
|
</div>
|
|
<div class="d-flex justify-content-center m-5">
|
|
<div class="fs-4 me-3">Bottom edge</div>
|
|
<select>
|
|
<option>SQ</option>
|
|
</select>
|
|
</div>
|
|
}
|
|
</div> |