mirror of
https://github.com/gotson/komga.git
synced 2026-05-04 18:42:10 +02:00
badge showing total number of books
This commit is contained in:
parent
7fca2d2c3f
commit
bf94276984
1 changed files with 19 additions and 1 deletions
|
|
@ -5,7 +5,15 @@
|
|||
class="sticky-bar"
|
||||
:style="barStyle"
|
||||
>
|
||||
<v-toolbar-title>{{ $_.get(series, 'name', '') }}</v-toolbar-title>
|
||||
<v-toolbar-title>
|
||||
<span v-if="series.name">{{ series.name }}</span>
|
||||
<span class="ml-4 badge-count"
|
||||
v-if="series.booksCount"
|
||||
>
|
||||
{{ series.booksCount }}
|
||||
</span>
|
||||
</v-toolbar-title>
|
||||
|
||||
</v-toolbar>
|
||||
|
||||
<v-container fluid class="mx-3">
|
||||
|
|
@ -133,4 +141,14 @@ export default Vue.extend({
|
|||
z-index: 2
|
||||
}
|
||||
|
||||
.badge-count {
|
||||
background-color: #E0E0E0;
|
||||
border-radius: 4px;
|
||||
color: black;
|
||||
display: inline-block;
|
||||
padding: 1px 8px;
|
||||
text-align: center;
|
||||
font-size: .8em;
|
||||
font-weight: normal;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Reference in a new issue