aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorZéro~Informatique2022-10-25 00:37:30 +0200
committerZéro~Informatique2022-10-25 00:37:30 +0200
commitc03a7e37288433dcc99ddb419e49df06a1eee576 (patch)
tree3388fbbae2d0ba1ccb54d8a30fcf4ce63535fb89
parent40a0897be0e8834633f18b98f56ae117447236d2 (diff)
downloadldgallery-c03a7e37288433dcc99ddb419e49df06a1eee576.tar.gz
viewer: wrong colour for icon and title for audio items
github: closes #323
-rw-r--r--viewer/src/views/ItemThumbnail.vue1
-rw-r--r--viewer/src/views/item_handlers/AudioViewer.vue11
2 files changed, 10 insertions, 2 deletions
diff --git a/viewer/src/views/ItemThumbnail.vue b/viewer/src/views/ItemThumbnail.vue
index c512004..bf33043 100644
--- a/viewer/src/views/ItemThumbnail.vue
+++ b/viewer/src/views/ItemThumbnail.vue
@@ -74,7 +74,6 @@ const icon = computed(() => navigation.getIcon(props.item));
74@import "~@/assets/scss/theme"; 74@import "~@/assets/scss/theme";
75 75
76.thumbnailOther { 76.thumbnailOther {
77 color: $text-light;
78 width: $thumbnail-other-size; 77 width: $thumbnail-other-size;
79 height: $thumbnail-other-size; 78 height: $thumbnail-other-size;
80 padding-top: $body-line-height * 1em; 79 padding-top: $body-line-height * 1em;
diff --git a/viewer/src/views/item_handlers/AudioViewer.vue b/viewer/src/views/item_handlers/AudioViewer.vue
index da9579f..bbba7e5 100644
--- a/viewer/src/views/item_handlers/AudioViewer.vue
+++ b/viewer/src/views/item_handlers/AudioViewer.vue
@@ -20,7 +20,10 @@
20 20
21<template> 21<template>
22 <div class="flex-column container-vh-centering"> 22 <div class="flex-column container-vh-centering">
23 <ItemThumbnail :item="item" /> 23 <ItemThumbnail
24 :item="item"
25 :class="$style.audiothumb"
26 />
24 <audio 27 <audio
25 :class="$style.player" 28 :class="$style.player"
26 :src="itemResourceUrl" 29 :src="itemResourceUrl"
@@ -56,6 +59,12 @@ const itemFileName = computed(() => navigation.getFileName(props.item));
56</script> 59</script>
57 60
58<style lang="scss" module> 61<style lang="scss" module>
62@import "~@/assets/scss/theme";
63
64.audiothumb {
65 color: $text-light;
66}
67
59.player { 68.player {
60 width: 100%; 69 width: 100%;
61 max-width: 500px; 70 max-width: 500px;