Signed-off-by: Matt Bruce <mbrucedogs@gmail.com>
This commit is contained in:
parent
88a168269f
commit
e57e107883
@ -108,7 +108,14 @@ const SongLists: React.FC = () => {
|
|||||||
// Available songs get an accordion that expands
|
// Available songs get an accordion that expands
|
||||||
return (
|
return (
|
||||||
<IonAccordion key={songKey} value={songKey}>
|
<IonAccordion key={songKey} value={songKey}>
|
||||||
<IonItem slot="header" detail={false} button onClick={() => handleSongItemClick(songKey)}>
|
<IonItem
|
||||||
|
slot="header"
|
||||||
|
detail={false}
|
||||||
|
button
|
||||||
|
onClick={() => handleSongItemClick(songKey)}
|
||||||
|
className="list-item"
|
||||||
|
style={{ '--min-height': '60px' }}
|
||||||
|
>
|
||||||
{/* Number */}
|
{/* Number */}
|
||||||
<NumberDisplay number={index + 1} />
|
<NumberDisplay number={index + 1} />
|
||||||
|
|
||||||
@ -118,7 +125,7 @@ const SongLists: React.FC = () => {
|
|||||||
secondaryText={songListSong.artist}
|
secondaryText={songListSong.artist}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<IonChip slot="end" color="success">
|
<IonChip slot="end" color="primary">
|
||||||
{availableSongs.length} version{availableSongs.length !== 1 ? 's' : ''}
|
{availableSongs.length} version{availableSongs.length !== 1 ? 's' : ''}
|
||||||
</IonChip>
|
</IonChip>
|
||||||
</IonItem>
|
</IonItem>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user