Gip khi cuộn xuống ( tab diary )

components/diary/TripCard.tsx

@@ -204,16 +204,16 @@ export default function TripCard({
 
 const styles = StyleSheet.create({
   card: {
-    borderRadius: 12,
-    padding: 16,
-    marginBottom: 12,
+    borderRadius: 8,
+    padding: 12,
+    marginBottom: 8,
     shadowColor: "#000",
     shadowOffset: {
       width: 0,
-      height: 2,
+      height: 1,
     },
     shadowOpacity: 0.05,
-    shadowRadius: 8,
+    shadowRadius: 4,
     elevation: 2,
     borderWidth: 1,
   },
@@ -221,7 +221,7 @@ const styles = StyleSheet.create({
     flexDirection: "row",
     justifyContent: "space-between",
     alignItems: "flex-start",
-    marginBottom: 16,
+    marginBottom: 8,
   },
   headerLeft: {
     flexDirection: "row",
@@ -229,7 +229,7 @@ const styles = StyleSheet.create({
     flex: 1,
   },
   titleContainer: {
-    marginLeft: 12,
+    marginLeft: 8,
     flex: 1,
   },
   title: {
@@ -244,9 +244,9 @@ const styles = StyleSheet.create({
   },
 
   badge: {
-    paddingHorizontal: 12,
-    paddingVertical: 4,
-    borderRadius: 12,
+    paddingHorizontal: 8,
+    paddingVertical: 2,
+    borderRadius: 8,
   },
   badgeText: {
     fontSize: 12,
@@ -258,13 +258,13 @@ const styles = StyleSheet.create({
     }),
   },
   infoGrid: {
-    gap: 12,
-    marginBottom: 12,
+    gap: 6,
+    marginBottom: 8,
   },
   infoRow: {
     flexDirection: "row",
     justifyContent: "space-between",
-    paddingVertical: 8,
+    paddingVertical: 4,
   },
   label: {
     fontSize: 14,
@@ -285,7 +285,7 @@ const styles = StyleSheet.create({
   },
   divider: {
     height: 1,
-    marginVertical: 12,
+    marginVertical: 8,
   },
   actionsContainer: {
     flexDirection: "row",
@@ -296,6 +296,7 @@ const styles = StyleSheet.create({
     flexDirection: "row",
     alignItems: "center",
     gap: 4,
+    paddingVertical: 4,
   },
   actionText: {
     fontSize: 14,