mirror of
https://github.com/advplyr/audiobookshelf.git
synced 2026-07-09 19:01:41 +00:00
fixed order and button style
This commit is contained in:
parent
8ea49b72f8
commit
59a2c49ab6
2 changed files with 8 additions and 4 deletions
|
|
@ -31,7 +31,7 @@
|
||||||
<div class="flex-grow" />
|
<div class="flex-grow" />
|
||||||
|
|
||||||
<!-- year selector -->
|
<!-- year selector -->
|
||||||
<ui-dropdown v-model="yearInReviewYear" small :items="availableYears()" class="m-6 text-sm mr-1 sm:mr-2 max-w-[100px]"/>
|
<ui-dropdown v-model="yearInReviewYear" small :items="availableYears()" v-if="availableYears().length >= 1" class="text-sm mr-1 sm:mr-2 max-w-[80px]" button-style="h-[29.55px] mt-[0.25px] !py-0 font-semibold"/>
|
||||||
|
|
||||||
<!-- refresh button -->
|
<!-- refresh button -->
|
||||||
<ui-btn small :disabled="processingYearInReview" class="inline-flex items-center font-semibold mr-1 sm:mr-2" @click="refreshYearInReview">
|
<ui-btn small :disabled="processingYearInReview" class="inline-flex items-center font-semibold mr-1 sm:mr-2" @click="refreshYearInReview">
|
||||||
|
|
@ -70,7 +70,7 @@
|
||||||
<div class="flex-grow" />
|
<div class="flex-grow" />
|
||||||
|
|
||||||
<!-- year selector -->
|
<!-- year selector -->
|
||||||
<ui-dropdown v-model="yearInReviewYear" small :items="availableYears()" class="m-6 text-sm mr-1 sm:mr-2 max-w-[100px]"/>
|
<ui-dropdown v-model="yearInReviewYear" small :items="availableYears()" v-if="availableYears().length >= 1" class="text-sm mr-1 sm:mr-2 max-w-[80px]" button-style="h-[29.55px] mt-[0.25px] !py-0 font-semibold"/>
|
||||||
|
|
||||||
<!-- refresh button -->
|
<!-- refresh button -->
|
||||||
<ui-btn small :disabled="processingYearInReviewServer" class="inline-flex items-center font-semibold mr-1 sm:mr-2" @click="refreshYearInReviewServer">
|
<ui-btn small :disabled="processingYearInReviewServer" class="inline-flex items-center font-semibold mr-1 sm:mr-2" @click="refreshYearInReviewServer">
|
||||||
|
|
@ -144,7 +144,7 @@ export default {
|
||||||
const currentYear = new Date().getFullYear()
|
const currentYear = new Date().getFullYear()
|
||||||
|
|
||||||
const years = []
|
const years = []
|
||||||
for (let year = oldestYear; year <= currentYear; year++) {
|
for (let year = currentYear; year >= oldestYear; year--) {
|
||||||
years.push({ value: year, text: year.toString() })
|
years.push({ value: year, text: year.toString() })
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -45,6 +45,9 @@ export default {
|
||||||
menuMaxHeight: {
|
menuMaxHeight: {
|
||||||
type: String,
|
type: String,
|
||||||
default: '224px'
|
default: '224px'
|
||||||
|
},
|
||||||
|
buttonStyle: {
|
||||||
|
type: String
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
|
|
@ -88,6 +91,7 @@ export default {
|
||||||
},
|
},
|
||||||
buttonClass() {
|
buttonClass() {
|
||||||
var classes = []
|
var classes = []
|
||||||
|
if (this.buttonStyle) classes.push(this.buttonStyle)
|
||||||
if (this.small) classes.push('h-9')
|
if (this.small) classes.push('h-9')
|
||||||
else classes.push('h-10')
|
else classes.push('h-10')
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue