centering images
This commit is contained in:
parent
b1fd13fc59
commit
435337240a
|
@ -14,7 +14,7 @@
|
||||||
<fieldset class="grid">
|
<fieldset class="grid">
|
||||||
<div>
|
<div>
|
||||||
<fieldset>
|
<fieldset>
|
||||||
<legend>Target Palette</legend>
|
<legend>Target Palette:</legend>
|
||||||
{% for m in palettes %}
|
{% for m in palettes %}
|
||||||
<input type="radio" id="palette-{{m}}" name="palette" value="{{m}}"
|
<input type="radio" id="palette-{{m}}" name="palette" value="{{m}}"
|
||||||
{%- if loop.first %} checked {% endif %}>
|
{%- if loop.first %} checked {% endif %}>
|
||||||
|
@ -25,7 +25,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<label for="dither-select">Dither Method</label>
|
<label for="dither-select">Dither Method:</label>
|
||||||
<select id="dither-select" name="dither_method">
|
<select id="dither-select" name="dither_method">
|
||||||
{% for m in dither_methods %}
|
{% for m in dither_methods %}
|
||||||
<option {%if loop.first %} selected {% endif %} value="{{m}}">{{m}}</option>
|
<option {%if loop.first %} selected {% endif %} value="{{m}}">{{m}}</option>
|
||||||
|
@ -37,7 +37,7 @@
|
||||||
</div>
|
</div>
|
||||||
</fieldset>
|
</fieldset>
|
||||||
|
|
||||||
<label for="image-input">Image</label>
|
<label for="image-input">Image: </label>
|
||||||
<input type="file" name="image" id="image-input" accept="image/*">
|
<input type="file" name="image" id="image-input" accept="image/*">
|
||||||
<small>Images will be resized to <code>800x480</code>, which may stretch the image.</small>
|
<small>Images will be resized to <code>800x480</code>, which may stretch the image.</small>
|
||||||
|
|
||||||
|
|
|
@ -1,4 +1,3 @@
|
||||||
<div id="preview-area">
|
<div id="preview-area">
|
||||||
|
<img style="display: block; margin-left: auto; margin-right: auto;" src="data:image/png;base64,{{image_contents}}">
|
||||||
<img src="data:image/png;base64,{{image_contents}}">
|
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue