样式

src/app/personal-center/page.jsx

@@ -211,7 +211,7 @@ const PersonalCenter = () => {
 
       {activities && activities.length > 0 && (
         <div className="bg-white text-black rounded-lg px-4 py-2 mb-4 shadow-md">
-          <h3 className="text-lg font-bold mb-1 text-blue-600">最新活动</h3>
+          <h3 className="text-lg font-bold  text-blue-600">最新活动</h3>
           {activities.map((activity) => (
             <Link
               key={activity._id}
@@ -219,17 +219,20 @@ const PersonalCenter = () => {
               className="flex items-center hover:bg-gray-100 p-2 rounded transition duration-300"
             >
               {activity.icon && (
-                <div className="w-5 h-5 mr-2 flex-shrink-0">
+                <div className="w-7 h-7 mr-2.5 flex-shrink-0">
                   <img
                     src={activity.icon}
                     alt={activity.title}
-                    width={20}
-                    height={20}
+                    width={28}
+                    height={28}
                     className="object-contain"
                   />
                 </div>
               )}
-              <p dangerouslySetInnerHTML={{ __html: activity.title }}></p>
+              <p
+                className="flex-grow"
+                dangerouslySetInnerHTML={{ __html: activity.title }}
+              ></p>
             </Link>
           ))}
         </div>
@@ -388,7 +391,7 @@ const PersonalCenter = () => {
             scrollableTarget="pointScroll"
           >
             {points.map((point) => (
-              <div key={point.id} className="mb-2 flex items-start">
+              <div key={point._id} className="mb-2 flex items-start">
                 <div className="mr-3 mt-1 flex-shrink-0">
                   {point.points > 0 ? (
                     <ArrowUpCircle className="text-green-500 w-5 h-5" />

src/app/ui/MatchPrediction.jsx

@@ -282,7 +282,12 @@ const MatchPrediction = ({ selectedDayMatches, currentUser }) => {
           return (
             <div key={match._id} className="bg-blue-900">
               <div className="flex justify-between items-center bg-blue-800 text-white py-2 px-4 rounded-lg">
-                <span className="text-sm">{formattedDate}</span>
+                <div className="flex items-center space-x-2">
+                  <span className="text-sm">{formattedDate}</span>
+                  <span className="text-xs bg-blue-700 px-2 py-0.5 rounded">
+                    {match.league}
+                  </span>
+                </div>
                 <div className="flex items-center">
                   {match.status === "未开始" ? (
                     <>