TODO: Đã sửa lai giao diện một số componet

src/components/Dropdown/DropdownSel.js

@@ -57,12 +57,12 @@ const DropdownSelect = ({
   searchable = false,
   searchPlaceholder = "Search...",
 
-  titleColor, // Màu chữ title
-  titleFontSize, // Kích thước font title
-  titleFontWeight, // Độ đậm font title (normal, bold, 100-900)
-  titleFontFamily, // Font family title
-  titleFontStyle, // Font style title (normal, italic)
-  titleTextAlign, // Text align title (left, center, right)
+  titleColor = "black", // Màu chữ title
+  titleFontSize = 12, // Kích thước font title
+  titleFontWeight = "400", // Độ đậm font title (normal, bold, 100-900)
+  titleFontFamily = R.fonts.InterMedium, // Font family title
+  titleFontStyle = "normal", // Font style title (normal, italic)
+  titleTextAlign = "left", // Text align title (left, center, right)
   titleLineHeight, // Line height title
   titleLetterSpacing, // Letter spacing title
   titleTextTransform, // Text transform (none, uppercase, lowercase, capitalize)
@@ -98,7 +98,7 @@ const DropdownSelect = ({
   keyExtractor,
 
   width,
-  height,
+  height = 30,
   paddingHorizontal,
   paddingVertical,
   paddingTop,

src/components/Input/TextFieldCus.js

@@ -68,8 +68,8 @@ const styles = StyleSheet.create({
   // UI/UX: Title text
   title: {
     fontSize: R.fontsize.fontsSize12,
-    fontFamily: R.fonts.InterRegular,
-    fontWeight: '400',
+    fontFamily: R.fonts.InterMedium,
+    fontWeight: '600',
     color: R.colors.black
   },
 

src/screens/certificate_registration/view.js

@@ -28,10 +28,6 @@ const CertificateRegistrationView = (props) => {
 
           <DropdownSelect
             title={"Loại chứng chỉ *"}
-            titleFontFamily={R.fonts.InterRegular}
-            titleFontSize={R.fontsize.fontsSize12}
-            titleFontWeight={"400"}
-            titleColor={R.colors.black}
             data={dataList}
             placeholder="HS"
             placeholderFontFamily={R.fonts.InterRegular}
@@ -43,7 +39,7 @@ const CertificateRegistrationView = (props) => {
             marginHorizontal={15}
             marginVertical={5}
             iconColor={R.colors.black}
-            iconSize={10}
+            iconSize={5}
           />
           <View style={{ marginHorizontal: 15, }}>
             <CustomTextInput
@@ -134,7 +130,7 @@ const CertificateRegistrationView = (props) => {
             />
           </View>
 
-          <Text style={{ marginHorizontal: 15, color: R.colors.black }}>
+          <Text style={{ marginHorizontal: 15, color: R.colors.black, fontSize: R.fontsize.fontsSize12, fontWeight: "600", fontFamily: R.fonts.InterMedium }}>
             Ảnh chứng chỉ <Text style={{ color: "red" }}>*</Text>
           </Text>
           <CardButtonImage />

src/screens/medical/view.js

@@ -32,11 +32,9 @@ const MedicalView = (props) => {
           placeholderColor={R.colors.grey_800}
           borderRadius={10}
           height={30}
+          iconSize={5}
           iconColor={R.colors.black}
           titleFontWeight={"300"}
-          fontSize={R.fontsize.fontsSize12}
-          titleFontSize={R.fontsize.fontsSize12}
-          titleFontFamily={R.fonts.InterRegular}
         />
         <CustomTextInput
           title={"Ngày hết hạn BHYT"}
@@ -64,9 +62,7 @@ const MedicalView = (props) => {
           height={30}
           iconColor={R.colors.black}
           titleFontWeight={"300"}
-          fontSize={R.fontsize.fontsSize12}
-          titleFontSize={R.fontsize.fontsSize12}
-          titleFontFamily={R.fonts.InterRegular}
+          iconSize={5}
           marginBottom={50}
           marginHorizontal={0}
           marginVertical={0}

src/screens/outpatient_information/item.js

@@ -38,16 +38,13 @@ const styles = StyleSheet.create({
   container: {
     backgroundColor: R.colors.white ,
     borderRadius: 15,
-    marginBottom: 18,
-    padding: 15,
+    marginBottom: 7.5,
+    padding: 10,
     shadowColor: R.colors.black,
-    shadowOffset: {
-      width: 0,
-      height:2
-    },
-    shadowOpacity: 0.5,
-    shadowRadius: 1,
-    elevation: 1,
+    shadowOffset: {width: 0.5, height: 2},
+    shadowOpacity: Platform.OS === 'ios' ? 0.25 : 1,
+    shadowRadius: 5,
+    elevation: Platform.OS === 'ios' ? 1 : 2,
   },
   
   text: {

src/screens/outpatient_information/modal.js

@@ -130,13 +130,9 @@ const RegistrationModal = ({visible, onClose, onNavigateToOther}) => {
                     borderRadius={10}
                     height={30}
                     iconColor={R.colors.black}
-                    iconSize={10}
+                    iconSize={5}
                     marginHorizontal={0}
                     marginVertical={0}
-                    titleFontWeight={'400'}
-                    fontSize={R.fontsize.fontsSize12}
-                    titleFontSize={R.fontsize.fontsSize12}
-                    titleFontFamily={R.fonts.InterRegular}
                   />
                 </View>
                 <View style={{width: '3%'}}></View>
@@ -151,13 +147,9 @@ const RegistrationModal = ({visible, onClose, onNavigateToOther}) => {
                     borderRadius={10}
                     height={30}
                     iconColor={R.colors.black}
-                    iconSize={10}
+                    iconSize={5}
                     marginHorizontal={0}
                     marginVertical={0}
-                    titleFontWeight={'400'}
-                    fontSize={R.fontsize.fontsSize12}
-                    titleFontSize={R.fontsize.fontsSize12}
-                    titleFontFamily={R.fonts.InterRegular}
                   />
                 </View>
               </View>

src/screens/outpatient_information/view.js

@@ -93,11 +93,10 @@ const styles = StyleSheet.create({
   },
   scrollableList: {
     flex: 1,
-    paddingHorizontal: 15,
   },
   flatListContent: {
-    paddingTop: 10,
-    paddingBottom: 10,
+    paddingVertical: 5,
+    paddingHorizontal:15
   },
   buttonSection: {
     paddingHorizontal: 15,