Professional Documents
Culture Documents
Texr
Texr
Texr
</div>
<div style="display: flex; flex-direction: column; gap: 25px;width:50%">
<div style="display: flex; gap: 12px; flex-direction:column">
SubCategory :
<div class="custom-dropdown">
<select class="slct-drpdwn">
<option value="" disabled selected>Select an
option</option>
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>
</div>
</div>
<div style="display: flex; gap: 12px; flex-direction:column">
VersionSKUDefinition :
<textarea style="height:80px" type="text"></textarea>
</div>
<div style="display: flex; gap: 12px; flex-direction:column">
VersionConRules :
<textarea style="height:80px" type="text"></textarea>
</div>
</div>
</div>
<div style="display: flex; justify-content: flex-end; margin-top: 60px;">
<button style="margin-right: 10px;border:none">Cancel</button>
<button class="save-btn">Save</button>
</div>
</form>
</div>
<div style="display: flex; flex-direction: column; gap: 25px;width:50%">
<div style="display: flex; gap: 12px; flex-direction:column">
BuildCode Descriptions :
<div class="custom-dropdown">
<select class="slct-drpdwn">
<option value="" disabled selected>Select an
option</option>
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>
</div>
</div>
<div style="display: flex; gap: 12px; flex-direction:column">
BuildSKU Definition :
<textarea style="height:80px" type="text"></textarea>
</div>
<div style="display: flex; gap: 12px; flex-direction:column">
BuildCon Rules :
<textarea style="height:80px" type="text"></textarea>
</div>
</div>
</div>
<div style="display: flex; justify-content: flex-end; margin-top: 60px;">
<button style="margin-right: 10px;border:none">Cancel</button>
<button class="save-btn">Save</button>
</div>
</form>
</div>
<div style="display: flex; flex-direction: column; gap: 25px;width:50%">
<div style="display: flex; gap: 12px; flex-direction:column">
MaterialCode Descriptions :
<div class="custom-dropdown">
<select class="slct-drpdwn">
<option value="" disabled selected>Select an
option</option>
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>
</div>
</div>
<div style="display: flex; gap: 12px; flex-direction:column">
Material SKU Definition :
<textarea style="height:80px" type="text"></textarea>
</div>
<div style="display: flex; gap: 12px; flex-direction:column">
MaterialCon Rules :
<textarea style="height:80px" type="text"></textarea>
</div>
</div>
</div>
<div style="margin-top:30px;">
<h4 style="margin:20px 0px">Finish Component Selection</h4>
<div style="display:flex; gap:40px">
<div style="display: flex; gap: 12px; flex-direction:column">
Finish Component :
<div class="custom-dropdown">
<select class="slct-drpdwn">
<option value="" disabled selected>Select an
option</option>
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>
</div>
</div>
<div style="display: flex; gap: 12px; flex-direction:column">
Material Finish Component :
<div class="custom-dropdown">
<select class="slct-drpdwn">
<option value="" disabled selected>Select an
option</option>
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>
</div>
</div>
<div style="display:flex; align-items:end">
<button class="add-btn" style="height:28px">Add finish
component</button>
</div>
</div>
</div>
<div style="display: flex; justify-content: flex-end; margin-top: 60px;">
<button style="margin-right: 10px;border:none">Cancel</button>
<button class="save-btn">Save</button>
</div>
</form>