artlef/bibliomane
1
0
Fork 0
Code Issues 11 Pull Requests Actions Packages Projects 1 Releases 3 Wiki Activity

Try to improve UI for book cards...

Browse Source
This commit is contained in:
Arthur Lefebvre
2025-10-30 17:23:02 +01:00
parent 056bc9048e
commit 86229dfad8
2 changed files with 20 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
front/src/BookCard.vue
View File

@@ -30,25 +30,26 @@ function openBook() {
</figure>
</div>
<div class="media-content">
<div class="is-size-4">{{title}}</div>
<div class="is-size-5 is-italic">{{author}}</div>
<VRating
half-increments
readonly
:length="5"
size="medium"
:model-value="rating/2"
active-color="bulma-body-color"
/>
</div>
<nav v-if="read" class="level">
<div class="level-left">
<span class="level-item icon" :title="$t('booklistelement.read')">
<b-icon-check-circle />
</span>
<div class="content">
<div class="is-size-5">{{title}}</div>
<div class="is-size-5 is-italic">{{author}}</div>
<VRating
half-increments
readonly
:length="5"
size="medium"
:model-value="rating/2"
active-color="bulma-body-color"
/>
</div>
</nav>
<nav v-if="read" class="level">
<div class="level-left">
<span class="level-item icon" :title="$t('booklistelement.read')">
<b-icon-check-circle />
</span>
</div>
</nav>
</div>
</div>
</div>
</template>

2
front/src/BooksBrowser.vue
View File

@@ -26,7 +26,7 @@ const { data, error } = getMyBooks();
padding-bottom: 100px;
line-height: 2.5;
column-count: 4;
column-count: 2;
column-gap: 15px;
}