react-native-elearn-ui 0.1.18 → 0.1.19

package/lib/module/screens/qbank/QBankTopicScreen.js

@@ -192,7 +192,7 @@ export const QBankTopicScreen = ({
                   }],
                   children: /*#__PURE__*/_jsx(Icon, {
                     name: link.icon,
-                    size: 22,
+                    size: 20,
                     color: link.color
                   })
                 }), /*#__PURE__*/_jsx(Typography, {
@@ -236,12 +236,12 @@ export const QBankTopicScreen = ({
                         uri: iconUrl
                       },
                       style: {
-                        width: 32,
-                        height: 32
+                        width: 24,
+                        height: 24
                       }
                     }) : /*#__PURE__*/_jsx(Icon, {
                       name: item.icon,
-                      size: 24,
+                      size: 20,
                       color: theme.primary
                     })
                   }), /*#__PURE__*/_jsxs(View, {
@@ -323,9 +323,9 @@ const styles = StyleSheet.create({
   },
   quickLinksCard: {
     backgroundColor: '#FFFFFF',
-    padding: 20,
-    borderRadius: 16,
-    marginBottom: 24,
+    padding: 16,
+    borderRadius: 12,
+    marginBottom: 16,
     shadowColor: '#000',
     shadowOffset: {
       width: 0,
@@ -345,9 +345,9 @@ const styles = StyleSheet.create({
     flex: 1
   },
   quickLinkIconCircle: {
-    width: 48,
-    height: 48,
-    borderRadius: 24,
+    width: 40,
+    height: 40,
+    borderRadius: 20,
     justifyContent: 'center',
     alignItems: 'center',
     marginBottom: 8
@@ -368,9 +368,9 @@ const styles = StyleSheet.create({
   },
   topicCardMockup: {
     backgroundColor: '#FFFFFF',
-    padding: 16,
-    marginBottom: 12,
-    borderRadius: 12,
+    padding: 12,
+    marginBottom: 10,
+    borderRadius: 10,
     borderWidth: 1,
     borderColor: '#E2E8F0'
   },
@@ -379,20 +379,20 @@ const styles = StyleSheet.create({
     alignItems: 'center'
   },
   topicIconBox: {
-    width: 56,
-    height: 56,
-    borderRadius: 14,
+    width: 44,
+    height: 44,
+    borderRadius: 10,
     justifyContent: 'center',
     alignItems: 'center',
-    marginRight: 16
+    marginRight: 12
   },
   topicInfo: {
     flex: 1
   },
   topicTitle: {
-    fontSize: 16,
+    fontSize: 15,
     fontWeight: '600',
-    marginBottom: 8
+    marginBottom: 6
   },
   progressBarBgMockup: {
     height: 6,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-elearn-ui",
-  "version": "0.1.18",
+  "version": "0.1.19",
   "description": "Enterprise E-Learning UI library for React Native",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

package/src/screens/qbank/QBankTopicScreen.tsx

@@ -113,7 +113,7 @@ export const QBankTopicScreen: React.FC<QBankTopicScreenProps> = ({
                     }}
                   >
                     <View style={[styles.quickLinkIconCircle, { backgroundColor: bgCol }]}>
-                      <Icon name={link.icon as IconName} size={22} color={link.color} />
+                      <Icon name={link.icon as IconName} size={20} color={link.color} />
                     </View>
                     <Typography variant="caption" color={theme.textPrimary} style={styles.quickLinkLabel}>
                       {link.label}
@@ -145,9 +145,9 @@ export const QBankTopicScreen: React.FC<QBankTopicScreenProps> = ({
                     <View style={styles.topicRow}>
                       <View style={[styles.topicIconBox, { backgroundColor: iconBg }]}>
                         {iconUrl ? (
-                          <Image source={{uri: iconUrl}} style={{width: 32, height: 32}} />
+                          <Image source={{uri: iconUrl}} style={{width: 24, height: 24}} />
                         ) : (
-                          <Icon name={item.icon as IconName} size={24} color={theme.primary} />
+                          <Icon name={item.icon as IconName} size={20} color={theme.primary} />
                         )}
                       </View>
                       <View style={styles.topicInfo}>
@@ -223,9 +223,9 @@ const styles = StyleSheet.create({
   },
   quickLinksCard: {
     backgroundColor: '#FFFFFF',
-    padding: 20,
-    borderRadius: 16,
-    marginBottom: 24,
+    padding: 16,
+    borderRadius: 12,
+    marginBottom: 16,
     shadowColor: '#000',
     shadowOffset: { width: 0, height: 2 },
     shadowOpacity: 0.05,
@@ -242,9 +242,9 @@ const styles = StyleSheet.create({
     flex: 1,
   },
   quickLinkIconCircle: {
-    width: 48,
-    height: 48,
-    borderRadius: 24,
+    width: 40,
+    height: 40,
+    borderRadius: 20,
     justifyContent: 'center',
     alignItems: 'center',
     marginBottom: 8,
@@ -265,9 +265,9 @@ const styles = StyleSheet.create({
   },
   topicCardMockup: {
     backgroundColor: '#FFFFFF',
-    padding: 16,
-    marginBottom: 12,
-    borderRadius: 12,
+    padding: 12,
+    marginBottom: 10,
+    borderRadius: 10,
     borderWidth: 1,
     borderColor: '#E2E8F0',
   },
@@ -276,20 +276,20 @@ const styles = StyleSheet.create({
     alignItems: 'center',
   },
   topicIconBox: {
-    width: 56,
-    height: 56,
-    borderRadius: 14,
+    width: 44,
+    height: 44,
+    borderRadius: 10,
     justifyContent: 'center',
     alignItems: 'center',
-    marginRight: 16,
+    marginRight: 12,
   },
   topicInfo: {
     flex: 1,
   },
   topicTitle: {
-    fontSize: 16,
+    fontSize: 15,
     fontWeight: '600',
-    marginBottom: 8,
+    marginBottom: 6,
   },
   progressBarBgMockup: {
     height: 6,