图片显示

src/app/personal-center/page.jsx

@@ -218,7 +218,7 @@ const PersonalCenter = () => {
       </div> */}
 
       <div className="bg-white text-black rounded-lg px-4 py-2 mb-4 shadow-md">
-        <h3 className="text-xl font-bold text-blue-600">最新活动</h3>
+        <h3 className="text-xl font-bold mb-1 text-blue-600">最新活动</h3>
         <Link
           href="/betting"
           className="flex items-center hover:bg-gray-100 p-2 rounded transition duration-300"

src/app/ui/MatchPrediction.jsx

@@ -301,7 +301,7 @@ const MatchPrediction = ({ selectedDayMatches, currentUser }) => {
                   onClick={() => handleWinTeamSelect(match._id, "draw")}
                 >
                   <div className="w-10 h-10 mb-2">
-                    <Image
+                    <img
                       src="/images/draw_flag.png"
                       width={40}
                       height={40}
@@ -358,7 +358,7 @@ const MatchPrediction = ({ selectedDayMatches, currentUser }) => {
                   </span>
                   {selectedFirstTeamToScoreOfMatch[match._id] ||
                   firstTeamToScore ? (
-                    <Image
+                    <img
                       src={
                         selectedFirstTeamToScoreOfMatch[match._id]?.logo ||
                         firstTeamToScoreLogo
@@ -545,7 +545,7 @@ const TeamCard = ({
       onClick={onClick}
     >
       <div className="w-10 h-10">
-        <Image
+        <img
           src={logoUrl}
           width={40}
           height={40}
@@ -575,7 +575,7 @@ const TeamOption = ({ logoUrl, name, isSelected, onSelect }) => (
     onClick={onSelect}
   >
     <div className="flex items-center">
-      <Image
+      <img
         src={logoUrl}
         width={30}
         height={30}