mirror/advplyr.audiobookshelf-app
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf-app.git synced 2025-07-16 08:54:47 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Add:Android auto sleep timer #260

Browse source
This commit is contained in:
advplyr 2023-01-29 13:19:06 -06:00
parent 479de5f067
commit 31531197a2
13 changed files with 346 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

18
components/ui/TextInput.vue
View file

@ -1,12 +1,15 @@
<template>
<div class="relative">
<input v-model="input" ref="input" autofocus :type="type" :disabled="disabled" autocorrect="off" autocapitalize="none" autocomplete="off" :placeholder="placeholder" class="py-2 w-full outline-none bg-primary" :class="inputClass" @keyup="keyup" />
<input v-model="input" ref="input" autofocus :type="type" :disabled="disabled" :readonly="readonly" autocorrect="off" autocapitalize="none" autocomplete="off" :placeholder="placeholder" class="py-2 w-full outline-none bg-primary" :class="inputClass" @keyup="keyup" />
<div v-if="prependIcon" class="absolute top-0 left-0 h-full px-2 flex items-center justify-center">
<span class="material-icons text-lg">{{ prependIcon }}</span>
</div>
<div v-if="clearable && input" class="absolute top-0 right-0 h-full px-2 flex items-center justify-center" @click.stop="clear">
<span class="material-icons text-lg">close</span>
</div>
<div v-else-if="!clearable && appendIcon" class="absolute top-0 right-0 h-full px-2 flex items-center justify-center">
<span class="material-icons text-lg">{{ appendIcon }}</span>
</div>
</div>
</template>
@ -17,6 +20,7 @@ export default {
placeholder: String,
type: String,
disabled: Boolean,
readonly: Boolean,
borderless: Boolean,
bg: {
type: String,
@ -30,6 +34,10 @@ export default {
type: String,
default: null
},
appendIcon: {
type: String,
default: null
},
clearable: Boolean
},
data() {
@ -74,4 +82,10 @@ export default {
},
mounted() {}
}
</script>
</script>
<style scoped>
input[type='time']::-webkit-calendar-picker-indicator {
filter: invert(100%);
}
</style>