sk1982/actaeon
2
5
Fork 3
Code Issues 2 Pull Requests Packages Projects Releases Wiki Activity

chuni: show playlog details in music detail

Browse Source
This commit is contained in:
sk1982 2024-03-19 17:49:31 -04:00
parent 3c1b0d1946
commit d961ee9a4b
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.idea/codeStyles/Project.xml
View File

@ -4,7 +4,7 @@
<HTMLCodeStyleSettings> <HTMLCodeStyleSettings>
<option name="HTML_ALIGN_ATTRIBUTES" value="false" /> <option name="HTML_ALIGN_ATTRIBUTES" value="false" />
</HTMLCodeStyleSettings> </HTMLCodeStyleSettings>
<SqlCodeStyleSettings version="6"> <SqlCodeStyleSettings version="7">
<option name="DISABLE_FORMATTING" value="true" /> <option name="DISABLE_FORMATTING" value="true" />
<option name="IMP_DECLARE_ALIGN_TYPE" value="false" /> <option name="IMP_DECLARE_ALIGN_TYPE" value="false" />
<option name="IMP_DECLARE_ALIGN_EQ" value="false" /> <option name="IMP_DECLARE_ALIGN_EQ" value="false" />

5
src/components/chuni/music-playlog.tsx
View File

@ -77,10 +77,11 @@ export const ChuniMusicPlaylog = ({ music, playlog }: ChuniMusicPlaylogProps) =>
</div> : null} </div> : null}
{data.playlog.length ? <Accordion selectedKeys={expanded[i]} onSelectionChange={k => setExpanded(e => ({ ...e, [i]: k as any }))}> {data.playlog.length ? <Accordion selectedKeys={expanded[i]} onSelectionChange={k => setExpanded(e => ({ ...e, [i]: k as any }))}>
<AccordionItem key="1" title="Play History"> <AccordionItem key="1" title="Play History">
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 5xl:grid-cols-6 6xl:grid-cols-8 gap-2"> <div className="grid grid-cols-1 lg:grid-cols-2 2xl:grid-cols-3 4xl:grid-cols-4 5xl:grid-cols-5 6xl:grid-cols-6 gap-2">
{data.playlog.map(p => <ChuniPlaylogCard key={p.id} {data.playlog.map(p => <ChuniPlaylogCard key={p.id}
showDetails
badgeClass="h-5 sm:h-6 md:h-5 lg:h-[1.125rem] 3xl:h-5" badgeClass="h-5 sm:h-6 md:h-5 lg:h-[1.125rem] 3xl:h-5"
playlog={p} className="h-48" />)} playlog={p} className="h-64 md:h-52" />)}
</div> </div>
</AccordionItem> </AccordionItem>
</Accordion> : null </Accordion> : null