mirror of https://github.com/kortix-ai/suna.git
43 lines
949 B
TypeScript
43 lines
949 B
TypeScript
|
import { ViewStyle } from 'react-native';
|
||
|
|
|
||
|
|
// Common style patterns used across components
|
||
|
|
export const commonStyles = {
|
||
|
|
flexCenter: {
|
||
|
|
flex: 1,
|
||
|
|
justifyContent: 'center' as const,
|
||
|
|
alignItems: 'center' as const,
|
||
|
|
} as ViewStyle,
|
||
|
|
|
||
|
|
fullWidth: {
|
||
|
|
width: '100%',
|
||
|
|
} as ViewStyle,
|
||
|
|
|
||
|
|
absoluteFill: {
|
||
|
|
position: 'absolute' as const,
|
||
|
|
top: 0,
|
||
|
|
left: 0,
|
||
|
|
right: 0,
|
||
|
|
bottom: 0,
|
||
|
|
} as ViewStyle,
|
||
|
|
|
||
|
|
centerContainer: {
|
||
|
|
justifyContent: 'center' as const,
|
||
|
|
alignItems: 'center' as const,
|
||
|
|
} as ViewStyle,
|
||
|
|
|
||
|
|
flexRow: {
|
||
|
|
flexDirection: 'row' as const,
|
||
|
|
} as ViewStyle,
|
||
|
|
|
||
|
|
flexColumn: {
|
||
|
|
flexDirection: 'column' as const,
|
||
|
|
} as ViewStyle,
|
||
|
|
|
||
|
|
shadow: {
|
||
|
|
shadowColor: '#000',
|
||
|
|
shadowOffset: { width: 0, height: 1 },
|
||
|
|
shadowOpacity: 0.05,
|
||
|
|
shadowRadius: 2,
|
||
|
|
elevation: 1,
|
||
|
|
} as ViewStyle,
|
||
|
|
};
|