mbrucedogs/singsalot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Signed-off-by: mbrucedogs <mbrucedogs@gmail.com>

Browse Source
This commit is contained in:
mbrucedogs 2025-07-20 18:32:19 -05:00
parent b696dbdabd
commit 50eba457f6
2 changed files with 25 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/common/SelectSinger.tsx
View File

@ -73,18 +73,21 @@ const SelectSinger: React.FC<SelectSingerProps> = ({ isOpen, onClose, song }) =>
breakpoints={[0, 0.5, 0.8]} breakpoints={[0, 0.5, 0.8]}
initialBreakpoint={0.8} initialBreakpoint={0.8}
> >
<IonHeader> <IonHeader>
<IonToolbar> <IonToolbar>
<IonTitle>Select Singer</IonTitle> <IonTitle>Select Singer</IonTitle>
<ActionButton <div slot="end">
onClick={onClose} <ActionButton
variant={ActionButtonVariant.SECONDARY} onClick={onClose}
size={ActionButtonSize.SMALL} variant={ActionButtonVariant.SECONDARY}
icon={Icons.CLOSE} size={ActionButtonSize.SMALL}
iconSlot={ActionButtonIconSlot.ICON_ONLY} icon={Icons.CLOSE}
/> iconSlot={ActionButtonIconSlot.ICON_ONLY}
</IonToolbar> fill="clear"
</IonHeader> />
</div>
</IonToolbar>
</IonHeader>
<IonContent> <IonContent>
{/* Song Information */} {/* Song Information */}

17
src/components/common/SongInfo.tsx
View File

@ -93,13 +93,16 @@ const SongInfo: React.FC<SongInfoProps> = ({ isOpen, onClose, song }) => {
<IonHeader> <IonHeader>
<IonToolbar> <IonToolbar>
<IonTitle>Song Info</IonTitle> <IonTitle>Song Info</IonTitle>
<ActionButton <div slot="end">
onClick={onClose} <ActionButton
variant={ActionButtonVariant.SECONDARY} onClick={onClose}
size={ActionButtonSize.SMALL} variant={ActionButtonVariant.SECONDARY}
icon={Icons.CLOSE} size={ActionButtonSize.SMALL}
iconSlot={ActionButtonIconSlot.ICON_ONLY} icon={Icons.CLOSE}
/> iconSlot={ActionButtonIconSlot.ICON_ONLY}
fill="clear"
/>
</div>
</IonToolbar> </IonToolbar>
</IonHeader> </IonHeader>