@dankupfer/create-dn-starter/template/src/modules/feature/summary/styles.ts

Interactive CLI for creating modular React Native apps with Expo

// template/src/modules/feature/summary/styles.ts
import { StyleSheet, Platform } from 'react-native';
import { ProcessedTheme } from '../../../theme/tokenProcessor';

export const summaryStyles = (theme: ProcessedTheme) =>
  StyleSheet.create({
    sectionContainer: {
      flex: 1,
      ...(Platform.OS === 'web' && {
        height: '100vh' as any, // Cast to any for web-specific CSS
        overflow: 'hidden' as any
      })
    },
    sectionScrollView: {
      flex: 1,
      ...(Platform.OS === 'web' && {
        maxHeight: '100vh' as any, // This is what worked in inspector
        overflowY: 'scroll' as any,
        WebkitOverflowScrolling: 'touch' as any
      })
    },
    sectionContent: {
      paddingHorizontal: 16,
      paddingBottom: 20,
    },
    bottomPadding: {
      height: 20,
    },
    servicesSection: {
      marginTop: theme.spacing.lg,
      marginBottom: theme.spacing.md,
      paddingHorizontal: theme.spacing.md,
    },
  });