Switched CSS framework to Bootstrap
This commit is contained in:
@ -4,35 +4,31 @@
|
||||
|
||||
{% block content %}
|
||||
|
||||
<div class="row">
|
||||
<div class="twelve columns">
|
||||
<div class="row mb-4">
|
||||
<div class="col-12">
|
||||
<h1>Editing Component: {{ component.name }}</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="twelve columns">
|
||||
<div class="col-12">
|
||||
<form action="{{ url_for('component.edit', { component_id: component.id }) }}" method="POST" class="u-full-width">
|
||||
<div class="row">
|
||||
<div class="nine columns">
|
||||
<label>
|
||||
Component name:
|
||||
<input type="text" id="component_name" class="u-full-width" name="component_name" value="{{ component.name }}">
|
||||
</label>
|
||||
<div class="row mb-3">
|
||||
<div class="col-9">
|
||||
<label class="form-label" for="component_name">Component name:</label>
|
||||
<input id="component_name" class="form-control" type="text" name="component_name" value="{{ component.name }}">
|
||||
</div>
|
||||
|
||||
<div class="three columns">
|
||||
<label>
|
||||
Component type:
|
||||
<select class="u-full-width" name="component_type">
|
||||
<option value="gpu" {% if component.type == 'gpu' %}selected{% endif %}>Graphics card</option>
|
||||
<option value="cpu" {% if component.type == 'cpu' %}selected{% endif %}>Processor</option>
|
||||
</select>
|
||||
</label>
|
||||
<div class="col-3">
|
||||
<label class="form-label" for="component_type">Component type:</label>
|
||||
<select id="component_type" class="form-select" name="component_type">
|
||||
<option value="gpu" {% if component.type == 'gpu' %}selected{% endif %}>Graphics card</option>
|
||||
<option value="cpu" {% if component.type == 'cpu' %}selected{% endif %}>Processor</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<input class="button button-primary u-full-width" type="submit" value="Submit">
|
||||
<input class="btn btn-primary" type="submit" value="Submit Changes">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
Reference in New Issue
Block a user