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-21 09:23:10 -05:00
parent 589f6b3ad5
commit 43bb456058
1 changed files with 31 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

63
src/components/common/ListItem.tsx
View File

@ -67,44 +67,43 @@ export const ListItem = React.memo(forwardRef<HTMLIonItemElement, GenericListIte
slot={slot} slot={slot}
style={style} style={style}
> >
{showNumber && number !== undefined && ( <div style={{ display: 'flex', alignItems: 'center', width: '100%' }}>
<IonLabel slot="start" className="flex-shrink-0 mr-4"> {showNumber && number !== undefined && (
<div className="text-lg font-bold text-gray-500"> <IonLabel slot="start" className="flex-shrink-0 mr-4" style={{ flex: '0 0 auto' }}>
{number} <div className="text-lg font-bold text-gray-500">
</div> {number}
</IonLabel> </div>
)} </IonLabel>
)}
<IonLabel> <IonLabel style={{ flex: '1 1 0%', margin: '0 10px' }}>
<div
className="ion-text-bold"
style={{
fontWeight: 'bold',
fontSize: '1rem',
color: 'var(--ion-color-dark)',
marginBottom: '4px'
}}
>
{primaryText}
</div>
{secondaryText && (
<div <div
className="ion-text-italic ion-color-medium" className="ion-text-bold"
style={{ style={{
fontSize: '0.875rem', fontWeight: 'bold',
fontStyle: 'italic', fontSize: '1rem',
color: 'var(--ion-color-medium)', color: 'var(--ion-color-dark)',
marginBottom: '4px' marginBottom: '4px'
}} }}
> >
{secondaryText} {primaryText}
</div> </div>
)} {secondaryText && (
</IonLabel> <div
className="ion-text-italic ion-color-medium"
{children} style={{
{endContent} fontSize: '0.875rem',
fontStyle: 'italic',
color: 'var(--ion-color-medium)',
marginBottom: '4px'
}}
>
{secondaryText}
</div>
)}
</IonLabel>
<div style={{ flex: '0 0 auto' }}>{children}</div>
<div style={{ flex: '0 0 auto' }}>{endContent}</div>
</div>
{showChevron && ( {showChevron && (
<IonIcon <IonIcon
slot="end" slot="end"