mirrors/bookwyrm
1
0
Fork 1
mirror of https://github.com/bookwyrm-social/bookwyrm.git synced 2024-12-22 16:16:39 +00:00
Code Issues Projects Releases Wiki Activity

Uses css norms for upload cover form

Browse source
This commit is contained in:
Mouse Reeve 2021-01-17 17:09:43 -08:00
parent 937a7dd1af
commit 2937c592c1
1 changed files with 20 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
bookwyrm/templates/book.html
View file

@ -39,14 +39,28 @@
{% if request.user.is_authenticated and not book.cover %} {% if request.user.is_authenticated and not book.cover %}
<div class="box p-2"> <div class="box p-2">
<h3 class="title is-6 mb-1">Add cover</h3>
<form name="add-cover" method="POST" action="/upload-cover/{{ book.id }}" enctype="multipart/form-data"> <form name="add-cover" method="POST" action="/upload-cover/{{ book.id }}" enctype="multipart/form-data">
{% csrf_token %} {% csrf_token %}
<div class="field"> <div class="field has-addons">
<label class="label" for="id_cover">Cover:</label> <div class="control">
<input type="file" name="cover" accept="image/*" class="" id="id_cover"> <div class="file is-small mb-1">
<label class="file-label">
<input class="file-input" type="file" name="cover" accept="image/*" enctype="multipart/form-data" id="id_cover" required>
<span class="file-cta">
<span class="file-icon">
<i class="fas fa-upload"></i>
</span>
<span class="file-label">
Choose file...
</span>
</span>
</label>
</div>
</div>
<div class="control">
<button class="button is-small is-primary" type="submit">Add</button>
</div> </div>
<div class="field">
<button class="button is-small" type="submit">Add cover</button>
</div> </div>
</form> </form>
</div> </div>