样式

src/app/personal-center/page.jsx

@@ -245,7 +245,7 @@ const PersonalCenter = () => {
 
       <div className="bg-white text-black rounded-lg p-4 mb-4">
         <h3 className="text-lg font-bold mb-2 text-blue-600">预测记录</h3>
-        <div id="predictionScroll" className="h-[300px] overflow-auto">
+        <div id="predictionScroll" className="h-[280px] overflow-auto">
           <InfiniteScroll
             dataLength={predictions.length}
             next={loadMorePredictions}
@@ -259,7 +259,7 @@ const PersonalCenter = () => {
             {predictions.map((prediction) => (
               <div
                 key={prediction._id}
-                className="mb-4 border-b border-gray-200 pb-4 hover:bg-gray-50 transition duration-150 ease-in-out"
+                className="mb-2 border-b border-gray-200 pb-2 hover:bg-gray-50 transition duration-150 ease-in-out"
               >
                 <p className="font-bold text-blue-700 mb-2">
                   {prediction.matchInfo}
@@ -271,7 +271,7 @@ const PersonalCenter = () => {
                   </span>
                 </p>
                 <div className="grid grid-cols-2 gap-2">
-                  <p className="mb-1">
+                  <p>
                     胜负预测：{" "}
                     <span
                       className={`font-medium ${
@@ -289,7 +289,7 @@ const PersonalCenter = () => {
                         : "平局"}
                     </span>
                   </p>
-                  <p className="mb-1">
+                  <p>
                     结果：{" "}
                     <span
                       className={`font-medium ${
@@ -307,7 +307,7 @@ const PersonalCenter = () => {
                         : "待定"}
                     </span>
                   </p>
-                  <p className="mb-1">
+                  <p>
                     首先得分：{" "}
                     <span
                       className={`font-medium ${
@@ -325,7 +325,7 @@ const PersonalCenter = () => {
                         : "无进球"}
                     </span>
                   </p>
-                  <p className="mb-1">
+                  <p>
                     结果：{" "}
                     <span
                       className={`font-medium ${
@@ -343,13 +343,13 @@ const PersonalCenter = () => {
                         : "待定"}
                     </span>
                   </p>
-                  <p className="mb-1">
+                  <p>
                     总进球数预测：{" "}
                     <span className="font-medium text-purple-600">
                       {prediction.totalGoals}
                     </span>
                   </p>
-                  <p className="mb-1">
+                  <p>
                     结果：{" "}
                     <span
                       className={`font-medium ${
@@ -384,7 +384,7 @@ const PersonalCenter = () => {
 
       <div className="bg-white text-black rounded-lg p-4 mb-4">
         <h3 className="text-lg font-bold mb-2 text-blue-700">积分记录</h3>
-        <div id="pointScroll" style={{ height: "250px", overflow: "auto" }}>
+        <div id="pointScroll" style={{ height: "280px", overflow: "auto" }}>
           <InfiniteScroll
             dataLength={points.length}
             next={loadMorePoints}
@@ -394,7 +394,7 @@ const PersonalCenter = () => {
             scrollableTarget="pointScroll"
           >
             {points.map((point) => (
-              <div key={point.id} className="mb-3 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" />