fix: height for list items

This commit is contained in:
Fredrik Burmester
2025-09-03 15:14:36 +02:00
parent 62b25d7bf7
commit ae720d6bb4

View File

@@ -34,7 +34,7 @@ export const ListItem: React.FC<PropsWithChildren<Props>> = ({
<TouchableOpacity <TouchableOpacity
disabled={disabled} disabled={disabled}
onPress={onPress} onPress={onPress}
className={`flex flex-row items-center justify-between bg-neutral-900 h-11 pr-4 pl-4 ${ className={`flex flex-row items-center justify-between bg-neutral-900 min-h-[42px] py-2 pr-4 pl-4 ${
disabled ? "opacity-50" : "" disabled ? "opacity-50" : ""
}`} }`}
{...(viewProps as any)} {...(viewProps as any)}
@@ -54,7 +54,7 @@ export const ListItem: React.FC<PropsWithChildren<Props>> = ({
); );
return ( return (
<View <View
className={`flex flex-row items-center justify-between bg-neutral-900 h-11 pr-4 pl-4 ${ className={`flex flex-row items-center justify-between bg-neutral-900 min-h-[42px] py-2 pr-4 pl-4 ${
disabled ? "opacity-50" : "" disabled ? "opacity-50" : ""
}`} }`}
{...viewProps} {...viewProps}
@@ -106,7 +106,10 @@ const ListItemContent = ({
{title} {title}
</Text> </Text>
{subtitle && ( {subtitle && (
<Text className='text-[#9899A1] text-sm mt-0.5' numberOfLines={2}> <Text
className='text-[#9899A1] text-[12px] mt-0.5'
numberOfLines={2}
>
{subtitle} {subtitle}
</Text> </Text>
)} )}