starred/audiobookshelf-app
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf-app.git synced 2026-08-06 20:08:48 +02:00
Code Issues 454 Packages Projects Releases 10 Wiki Activity

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
components/ui/TextInput.vue
+3
View File
@@ -88,4 +88,7 @@ export default {
input[type='time']::-webkit-calendar-picker-indicator {
filter: invert(100%);
}
html[data-theme='light'] input[type='time']::-webkit-calendar-picker-indicator {
filter: unset;
}
</style>
pages/localMedia/item/_id.vue
+3 -3
View File
@@ -55,7 +55,7 @@
<div class="flex-grow px-2">
<p class="text-xs">{{ episode.title }}</p>
</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-sm">{{ $elapsedPretty(episode.audioTrack.duration) }}</p>
</div>
@@ -76,7 +76,7 @@
<div class="flex-grow px-2">
<p class="text-xs">{{ localFileForEbook.filename }}</p>
</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-sm">{{ $bytesPretty(localFileForEbook.size) }}</p>
</div>
@@ -93,7 +93,7 @@
<div class="flex-grow px-2">
<p class="text-sm">{{ file.filename }}</p>
</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-sm">{{ $bytesPretty(file.size) }}</p>
</div>
pages/settings.vue
+3 -3
View File
@@ -18,19 +18,19 @@
<div class="py-3 flex items-center">
<p class="pr-4 w-36">{{ $strings.LabelHapticFeedback }}</p>
<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 class="py-3 flex items-center">
<p class="pr-4 w-36">{{ $strings.LabelLanguage }}</p>
<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 class="py-3 flex items-center">
<p class="pr-4 w-36">{{ $strings.LabelTheme }}</p>
<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>