react-native-week-schedule-1/src/schedule/components/header/styles.ts

week schedule

import { StyleSheet } from 'react-native';
import { grid } from '../../utils/grid';
import { scaleFontSize, scaleHorizontal, scaleVertical } from '../../utils/Utils';

export const getStyles = () => {
    return StyleSheet.create({
        container: {
            zIndex: 1,
            flexDirection: 'row',
            paddingLeft: grid.cellWight,
            paddingBottom: scaleVertical(6),
            backgroundColor: grid.colors.background,
        },
        gridItem: {
            alignItems: 'center',
            width: grid.cellWight,
            height: scaleVertical(45),
            paddingHorizontal: scaleHorizontal(3)
        },
        textWrapper: {
            flex: 1,
            alignItems: 'center',
            justifyContent: 'space-between',
        },
        dayText: {
            textAlign: 'center',
            fontSize: scaleFontSize(11),
            fontWeight: '500',
        },
        dateText: {
            textAlign: 'center',
            fontSize: scaleFontSize(15),
            fontWeight: '600',
            padding: scaleHorizontal(4),
            borderRadius: 50
        },
    })
}