Add UI for the See Requirements screen

This commit is contained in:
Mochammad Adhi Buchori
2025-04-23 19:13:08 +07:00
parent dbcdc6480d
commit 9ad9b1de74
9 changed files with 187 additions and 36 deletions

View File

@ -0,0 +1,49 @@
import {StyleSheet} from 'react-native';
import Colors from '../../../assets/styles/Colors';
import FontFamily from '../../../assets/styles/FontFamily';
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: Colors.neutral100.color,
},
appBarTitle: {
color: Colors.secondary30.color,
...FontFamily.notoSansRegular,
fontSize: 20,
marginStart: 16,
includeFontPadding: false,
},
appBarIcon: {
marginLeft: 16,
},
appBarContainer: {
height: 64,
flexDirection: 'row',
alignItems: 'center',
backgroundColor: Colors.neutral100.color,
},
textContentContainer: {
marginTop: 4,
marginHorizontal: 16,
gap: 4,
},
textContentWrapper: {
flexDirection: 'row',
gap: 6
},
textContentStyle: {
...FontFamily.notoSansRegular,
includeFontPadding: false,
color: Colors.primary30.color,
fontSize: 12,
lineHeight: 20,
textAlign: 'justify',
},
textContentAlphabetListContainer: {
marginStart: 16,
gap: 4,
}
});
export default styles;