styles.tsx 837 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. import { StyleSheet } from 'react-native';
  2. import { Colors } from 'src/theme';
  3. export const styles = StyleSheet.create({
  4. modal: {
  5. justifyContent: 'flex-end',
  6. margin: 0
  7. },
  8. modalContent: {
  9. backgroundColor: 'white',
  10. borderRadius: 15,
  11. paddingHorizontal: 16,
  12. gap: 16,
  13. paddingVertical: 24
  14. },
  15. optionsContainer: {
  16. gap: 12,
  17. marginBottom: 12
  18. },
  19. optionBtn: { flexDirection: 'row', alignItems: 'center', gap: 8 },
  20. optionText: {
  21. fontSize: 13,
  22. fontWeight: 'bold',
  23. marginVertical: 10
  24. },
  25. doneButton: {
  26. backgroundColor: Colors.ORANGE,
  27. padding: 12,
  28. borderRadius: 4,
  29. marginTop: 20,
  30. alignItems: 'center'
  31. },
  32. doneButtonText: {
  33. fontSize: 16,
  34. color: 'white',
  35. fontWeight: '600'
  36. },
  37. closeBtn: { backgroundColor: Colors.WHITE, borderColor: '#B7C6CB' }
  38. });