show: smaller font for folder-path (if any)
Massimo Melina committed
Jun 25, 2024 at 09:40 UTC
24fcee813b64a613985ba698d9af1fd0de8dd33f
1 file changed
+2
-2
frontend/src/show.ts
+2
-2
@@ -90,6 +90,7 @@ export function fileShow(entry: DirEntry, { startPlaying=false } = {}) {
90
91
const {t} = useI18N()
92
const autoPlaySecondsLabel = t('autoplay_seconds', "Seconds to wait on images")
93
+ const folder = dirname(cur.n)
94
return h(FlexV, {
95
gap: 0,
96
alignItems: 'stretch',
@@ -105,7 +106,7 @@ export function fileShow(entry: DirEntry, { startPlaying=false } = {}) {
106
}
107
},
108
h('div', { className: 'bar' },
108
- h('div', { className: 'filename' }, cur.n),
109
+ h('div', { className: 'filename' }, h('small', {}, folder), cur.n.slice(folder.length)),
110
h('div', { className: 'controls' }, // keep on same row
111
h(EntryDetails, { entry: cur, midnight: useMidnight() }),
112
useWindowSize().width > 800 && iconBtn('?', showHelp),
@@ -150,7 +151,6 @@ export function fileShow(entry: DirEntry, { startPlaying=false } = {}) {
151
},
152
onError: curFailed,
153
async onPlay() {
153
- const folder = dirname(cur.n)
154
const covers = !isAudio ? [] : state.list.filter(x => folder === dirname(x.n) // same folder
155
&& x.name.match(/(?:folder|cover|front|albumart.*)\.jpe?g$/i))
156
setCover(pathEncode(_.maxBy(covers, 's')?.n || ''))