groove/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2026-07-09 19:01:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fixed order and button style

Browse source
This commit is contained in:
Vito0912 2024-12-14 18:54:14 +01:00
parent 8ea49b72f8
commit 59a2c49ab6
No known key found for this signature in database
GPG key ID: 29A3D509FE70B237
2 changed files with 8 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

6
client/components/stats/YearInReviewBanner.vue
View file

@ -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() })
} }

6
client/components/ui/Dropdown.vue
View file

@ -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')
@ -119,4 +123,4 @@ export default {
}, },
mounted() {} mounted() {}
} }
</script> </script>