mirrors/bookwyrm
1
0
Fork 1
mirror of https://github.com/bookwyrm-social/bookwyrm.git synced 2024-11-27 03:51:08 +00:00
Code Issues Projects Releases Wiki Activity

cover: Fix little details.

Browse source
This commit is contained in:
Fabien Basmaison 2021-04-28 10:47:14 +02:00
parent 7c875b2ac2
commit baaaeef4c0
3 changed files with 17 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
bookwyrm/static/css/bookwyrm.css
View file

@ -525,6 +525,10 @@ body {
justify-content: center !important; justify-content: center !important;
} }
.align.to-t {
align-items: flex-start !important;
}
.align.to-r { .align.to-r {
justify-content: flex-end !important; justify-content: flex-end !important;
} }
@ -542,6 +546,10 @@ body {
justify-content: center !important; justify-content: center !important;
} }
.align.to-t-mobile {
align-items: flex-start !important;
}
.align.to-r-mobile { .align.to-r-mobile {
justify-content: flex-end !important; justify-content: flex-end !important;
} }
@ -556,6 +564,10 @@ body {
justify-content: center !important; justify-content: center !important;
} }
.align.to-t-tablet {
align-items: flex-start !important;
}
.align.to-r-tablet { .align.to-r-tablet {
justify-content: flex-end !important; justify-content: flex-end !important;
} }

2
bookwyrm/templates/book/edit_book.html
View file

@ -170,7 +170,7 @@
<h2 class="title is-4">{% trans "Cover" %}</h2> <h2 class="title is-4">{% trans "Cover" %}</h2>
<div class="columns"> <div class="columns">
<div class="column is-3 is-cover"> <div class="column is-3 is-cover">
{% include 'snippets/book_cover.html' with book=book cover_class='is-w-auto' %} {% include 'snippets/book_cover.html' with book=book cover_class='is-h-xl-mobile is-w-auto-tablet' %}
</div> </div>
<div class="column"> <div class="column">

8
bookwyrm/templates/lists/list.html
View file

@ -37,9 +37,9 @@
columns is-mobile is-gapless columns is-mobile is-gapless
" "
> >
<div class="column is-2-mobile is-cover"> <div class="column is-2-mobile is-cover align to-t">
<a href="{{ item.book.local_path }}" aria-hidden="true"> <a href="{{ item.book.local_path }}" aria-hidden="true">
{% include 'snippets/book_cover.html' with cover_class='is-w-auto is-h-m is-h-s-mobile' %} {% include 'snippets/book_cover.html' with cover_class='is-w-auto is-h-m-tablet' %}
</a> </a>
</div> </div>
@ -134,11 +134,11 @@
{% for book in suggested_books %} {% for book in suggested_books %}
<div class="columns is-mobile is-gapless"> <div class="columns is-mobile is-gapless">
<a <a
class="column is-cover align to-c" class="column is-2-mobile is-3-tablet is-cover align to-c"
href="{{ book.local_path }}" href="{{ book.local_path }}"
aria-hidden="true" aria-hidden="true"
> >
{% include 'snippets/book_cover.html' with book=book cover_class='is-w-s-tablet is-h-xs is-h-s-mobile' %} {% include 'snippets/book_cover.html' with book=book cover_class='is-w-auto is-h-s-mobile align to-t' %}
</a> </a>
<div class="column ml-3"> <div class="column ml-3">