Skip to content

A
AppUms_Lecturer
Commit f50fe522 by tungnq
Options

TODO: Tối ưu hóa style cho các component: điều chỉnh kích thước và loại bỏ border không cần thiết

parent 7963c796
Showing with 72 additions and 62 deletions
src/screens/academic_advisor/list_student/style.js
...@@ -68,10 +68,10 @@ const styles = StyleSheet.create({ ...@@ -68,10 +68,10 @@ const styles = StyleSheet.create({
}, },
studentCard: { studentCard: {
backgroundColor: R.colors.white, backgroundColor: R.colors.white,
marginVertical: 10, marginVertical: 7.5,
borderRadius: 15, borderRadius: 15,
marginHorizontal: 15, marginHorizontal: 15,
padding: 15, padding: 10,
shadowColor: R.colors.black, shadowColor: R.colors.black,
shadowOffset: {width: 0.5, height: 2}, shadowOffset: {width: 0.5, height: 2},
......
src/screens/class_schedule/filterWeek/style.js
...@@ -90,8 +90,6 @@ const styles = StyleSheet.create({ ...@@ -90,8 +90,6 @@ const styles = StyleSheet.create({
paddingVertical: 4, paddingVertical: 4,
}, },
dayHeaderTextToday: { dayHeaderTextToday: {
color: R.colors.blue,
fontWeight: '700',
}, },
// ==================== TIME SLOTS CONTAINER ==================== // ==================== TIME SLOTS CONTAINER ====================
......
src/screens/incoming_document/view.js
...@@ -88,9 +88,9 @@ const IncomingDocumentView = props => { ...@@ -88,9 +88,9 @@ const IncomingDocumentView = props => {
onPress={() => {}} onPress={() => {}}
backgroundColor={R.colors.orange} backgroundColor={R.colors.orange}
textColor={R.colors.white} textColor={R.colors.white}
height={25} height={30}
borderRadius={15} borderRadius={15}
fontSize={11} fontSize={R.fontsize.fontSizeContent}
fontWeight={'600'} fontWeight={'600'}
fontFamily={R.fonts.fontMedium} fontFamily={R.fonts.fontMedium}
paddingHorizontal={15} paddingHorizontal={15}
...@@ -104,10 +104,10 @@ const IncomingDocumentView = props => { ...@@ -104,10 +104,10 @@ const IncomingDocumentView = props => {
} }
backgroundColor={R.colors.blue} backgroundColor={R.colors.blue}
textColor={R.colors.white} textColor={R.colors.white}
height={25} height={30}
width={90} width={90}
borderRadius={15} borderRadius={15}
fontSize={11} fontSize={R.fontsize.fontSizeContent}
fontWeight={'600'} fontWeight={'600'}
fontFamily={R.fonts.fontMedium} fontFamily={R.fonts.fontMedium}
paddingHorizontal={15} paddingHorizontal={15}
...@@ -128,64 +128,78 @@ const IncomingDocumentView = props => { ...@@ -128,64 +128,78 @@ const IncomingDocumentView = props => {
); );
}; };
return ( const renderTabView = () => {
<View style={styles.container}> return (
<Header title={'Danh sách văn bản đến'} isBack /> <View style={styles.cardTabView}>
<View style={styles.body}> <FlatList
<View style={styles.cardTabView}> data={dataListTabView}
<FlatList renderItem={itemTabView}
data={dataListTabView} keyExtractor={item => item.key}
renderItem={itemTabView} horizontal
keyExtractor={item => item.key} contentContainerStyle={styles.contentContainerStyle}
horizontal showsHorizontalScrollIndicator={false}
contentContainerStyle={styles.contentContainerStyle} />
showsHorizontalScrollIndicator={false} </View>
/> );
</View> };
<View style={{marginBottom: 15}}> const renderBody = () => {
<View style={styles.card}> return (
<TouchableOpacity style={styles.btnCard}> <View style={styles.body}>
<Text {renderTabView()}
style={[
styles.text, {renderCard()}
{
color: R.colors.black, {renderListIncomingDocument()}
fontSize: R.fontsize.fontSizeContent, </View>
fontWeight: 600, )
fontFamily: R.fonts.fontMedium, }
},
]}> const renderCard = () => {
Học kỳ 2, Năm 2025 return (
</Text> <View style={{marginBottom: 15}}>
</TouchableOpacity> <View style={styles.card}>
</View> <TouchableOpacity style={styles.btnCard}>
<Text
style={[
styles.text,
{
color: R.colors.black,
fontSize: R.fontsize.fontSizeContent,
fontWeight: 600,
fontFamily: R.fonts.fontMedium,
},
]}>
Học kỳ 2, Năm 2025
</Text>
</TouchableOpacity>
</View>
<View style={styles.box_3}> <View style={styles.box_3}>
<View style={styles.searchBox}> <View style={styles.searchBox}>
<Image <Image source={R.images.icSearch} style={{width: 20, height: 20}} />
source={R.images.icSearch} <View style={{flex: 1}}>
style={{width: 20, height: 20}} <TextInput
placeholder="Tìm kiếm"
style={[styles.text, {padding: 0}]}
value={searchQuery}
onChangeText={setSearchQuery}
/> />
<View style={{flex: 1}}>
<TextInput
placeholder="Tìm kiếm"
style={[styles.text, {padding: 0}]}
value={searchQuery}
onChangeText={setSearchQuery}
/>
</View>
</View> </View>
<View style={{flex: 0.1}}></View> </View>
<View style={{flex: 0.1}}></View>
<View style={styles.boxFilter}> <View style={styles.boxFilter}>
<Dropdown title={'Tìm kiếm'} height={35} /> <Dropdown title={'Tìm kiếm'} height={35} />
</View>
</View> </View>
</View> </View>
{renderListIncomingDocument()}
</View> </View>
);
};
return (
<View style={styles.container}>
<Header title={'Danh sách văn bản đến'} isBack />
{renderBody()}
</View> </View>
); );
}; };
......
src/screens/list_send_document/style.js
...@@ -91,8 +91,6 @@ const styles = StyleSheet.create({ ...@@ -91,8 +91,6 @@ const styles = StyleSheet.create({
marginHorizontal: 15, marginHorizontal: 15,
marginVertical:7.5, marginVertical:7.5,
borderRadius: 15, borderRadius: 15,
borderWidth: 1,
borderColor: R.colors.grayBorderInputTextHeader,
backgroundColor: R.colors.white, backgroundColor: R.colors.white,
shadowColor: R.colors.black, shadowColor: R.colors.black,
shadowOffset: {width: 0.5, height: 2}, shadowOffset: {width: 0.5, height: 2},
......
src/screens/roll_call/detail/view.js
...@@ -32,7 +32,7 @@ const DetailRollCallView = props => { ...@@ -32,7 +32,7 @@ const DetailRollCallView = props => {
backgroundColor={R.colors.orange} backgroundColor={R.colors.orange}
textColor={R.colors.white} textColor={R.colors.white}
fontSize={12} fontSize={12}
height={35} height={30}
width={150} width={150}
/> />
<Button /> <Button />
...@@ -48,7 +48,7 @@ const DetailRollCallView = props => { ...@@ -48,7 +48,7 @@ const DetailRollCallView = props => {
backgroundColor={R.colors.blue} backgroundColor={R.colors.blue}
textColor={R.colors.white} textColor={R.colors.white}
fontSize={12} fontSize={12}
height={35} height={30}
width={150} width={150}
/> />
<Button /> <Button />
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment