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

Update:Settings UI cleanup and light theme updates

Browse source
This commit is contained in:
advplyr 2023-12-16 14:43:48 -06:00
parent c6bd93ef5c
commit 6ae4d72b68
3 changed files with 9 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

3
components/ui/TextInput.vue
View file

@ -88,4 +88,7 @@ export default {
input[type='time']::-webkit-calendar-picker-indicator { input[type='time']::-webkit-calendar-picker-indicator {
filter: invert(100%); filter: invert(100%);
} }
html[data-theme='light'] input[type='time']::-webkit-calendar-picker-indicator {
filter: unset;
}
</style> </style>

6
pages/localMedia/item/_id.vue
View file

@ -55,7 +55,7 @@
<div class="flex-grow px-2"> <div class="flex-grow px-2">
<p class="text-xs">{{ episode.title }}</p> <p class="text-xs">{{ episode.title }}</p>
</div> </div>
<div class="w-20 text-center text-gray-300" style="min-width: 80px"> <div class="w-20 text-center text-fg-muted" style="min-width: 80px">
<p class="text-xs">{{ episode.audioTrack.mimeType }}</p> <p class="text-xs">{{ episode.audioTrack.mimeType }}</p>
<p class="text-sm">{{ $elapsedPretty(episode.audioTrack.duration) }}</p> <p class="text-sm">{{ $elapsedPretty(episode.audioTrack.duration) }}</p>
</div> </div>
@ -76,7 +76,7 @@
<div class="flex-grow px-2"> <div class="flex-grow px-2">
<p class="text-xs">{{ localFileForEbook.filename }}</p> <p class="text-xs">{{ localFileForEbook.filename }}</p>
</div> </div>
<div class="w-24 text-center text-gray-300" style="min-width: 96px"> <div class="w-24 text-center text-fg-muted" style="min-width: 96px">
<p class="text-xs">{{ localFileForEbook.mimeType }}</p> <p class="text-xs">{{ localFileForEbook.mimeType }}</p>
<p class="text-sm">{{ $bytesPretty(localFileForEbook.size) }}</p> <p class="text-sm">{{ $bytesPretty(localFileForEbook.size) }}</p>
</div> </div>
@ -93,7 +93,7 @@
<div class="flex-grow px-2"> <div class="flex-grow px-2">
<p class="text-sm">{{ file.filename }}</p> <p class="text-sm">{{ file.filename }}</p>
</div> </div>
<div class="w-24 text-center text-gray-300" style="min-width: 96px"> <div class="w-24 text-center text-fg-muted" style="min-width: 96px">
<p class="text-xs">{{ file.mimeType }}</p> <p class="text-xs">{{ file.mimeType }}</p>
<p class="text-sm">{{ $bytesPretty(file.size) }}</p> <p class="text-sm">{{ $bytesPretty(file.size) }}</p>
</div> </div>

6
pages/settings.vue
View file

@ -18,19 +18,19 @@
<div class="py-3 flex items-center"> <div class="py-3 flex items-center">
<p class="pr-4 w-36">{{ $strings.LabelHapticFeedback }}</p> <p class="pr-4 w-36">{{ $strings.LabelHapticFeedback }}</p>
<div @click.stop="showHapticFeedbackOptions"> <div @click.stop="showHapticFeedbackOptions">
<ui-text-input :value="hapticFeedbackOption" readonly append-icon="expand_more" style="max-width: 145px" /> <ui-text-input :value="hapticFeedbackOption" readonly append-icon="expand_more" style="max-width: 200px" />
</div> </div>
</div> </div>
<div class="py-3 flex items-center"> <div class="py-3 flex items-center">
<p class="pr-4 w-36">{{ $strings.LabelLanguage }}</p> <p class="pr-4 w-36">{{ $strings.LabelLanguage }}</p>
<div @click.stop="showLanguageOptions"> <div @click.stop="showLanguageOptions">
<ui-text-input :value="languageOption" readonly append-icon="expand_more" style="max-width: 225px" /> <ui-text-input :value="languageOption" readonly append-icon="expand_more" style="max-width: 200px" />
</div> </div>
</div> </div>
<div class="py-3 flex items-center"> <div class="py-3 flex items-center">
<p class="pr-4 w-36">{{ $strings.LabelTheme }}</p> <p class="pr-4 w-36">{{ $strings.LabelTheme }}</p>
<div @click.stop="showThemeOptions"> <div @click.stop="showThemeOptions">
<ui-text-input :value="themeOption" readonly append-icon="expand_more" style="max-width: 225px" /> <ui-text-input :value="themeOption" readonly append-icon="expand_more" style="max-width: 200px" />
</div> </div>
</div> </div>