alteropen/streamyfin
1
0
Fork 0
mirror of https://github.com/streamyfin/streamyfin.git synced 2026-06-04 13:08:33 +01:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity

fix(settings): uniform 56px row height and consistent group spacing on Playback & Controls

Browse Source
This commit is contained in:
Gauvain
2026-06-04 12:31:59 +02:00
parent bf6010b3c7
commit ba0b646576
3 changed files with 13 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
app/(auth)/(tabs)/(home)/settings/playback-controls/page.tsx
View File

@@ -20,18 +20,16 @@ export default function PlaybackControlsPage() {
}}
>
<View
className='p-4 flex flex-col'
style={{ paddingTop: Platform.OS === "android" ? 10 : 0 }}
className='p-4'
style={{ gap: 16, paddingTop: Platform.OS === "android" ? 10 : 0 }}
>
<View className='mb-4'>
<MediaProvider>
<MediaToggles className='mb-4' />
<GestureControls className='mb-4' />
<PlaybackControlsSettings />
<MpvBufferSettings />
<MpvVoSettings />
</MediaProvider>
</View>
<MediaProvider>
<MediaToggles />
<GestureControls />
<PlaybackControlsSettings />
<MpvBufferSettings />
<MpvVoSettings />
</MediaProvider>
{!Platform.isTV && <ChromecastSettings />}
</View>
</ScrollView>

5
components/list/ListItem.tsx
View File

@@ -34,12 +34,13 @@ export const ListItem: React.FC<PropsWithChildren<Props>> = ({
}) => {
const effectiveSubtitle = disabledByAdmin ? "Disabled by admin" : subtitle;
const isDisabled = disabled || disabledByAdmin;
const hasSubtitle = Boolean(effectiveSubtitle);
if (onPress)
return (
<TouchableOpacity
disabled={isDisabled}
onPress={onPress}
className={`flex flex-row items-center justify-between bg-neutral-900 min-h-[48px] py-2.5 px-4 ${isDisabled ? "opacity-50" : ""}`}
className={`flex flex-row items-center justify-between bg-neutral-900 ${hasSubtitle ? "min-h-[56px] py-2.5" : "h-[56px]"} px-4 ${isDisabled ? "opacity-50" : ""}`}
{...(viewProps as any)}
>
<ListItemContent
@@ -58,7 +59,7 @@ export const ListItem: React.FC<PropsWithChildren<Props>> = ({
);
return (
<View
className={`flex flex-row items-center justify-between bg-neutral-900 min-h-[48px] py-2.5 px-4 ${isDisabled ? "opacity-50" : ""}`}
className={`flex flex-row items-center justify-between bg-neutral-900 ${hasSubtitle ? "min-h-[56px] py-2.5" : "h-[56px]"} px-4 ${isDisabled ? "opacity-50" : ""}`}
{...viewProps}
>
<ListItemContent

2
components/settings/index/SettingsSelectRow.tsx
View File

@@ -28,7 +28,7 @@ export const SettingsSelectRow: React.FC<Props> = ({
groups={groups}
title={dropdownTitle}
trigger={
<View className='flex flex-row items-center justify-between py-1.5 pl-3'>
<View className='flex flex-row items-center justify-between pl-3'>
<Text className='mr-1 text-[#8E8D91]'>{valueLabel}</Text>
<Ionicons name='chevron-expand-sharp' size={18} color='#5A5960' />
</View>