背景弹窗

src/app/api/match/route.js

@@ -128,7 +128,7 @@ export async function GET(request) {
         const skip = (current - 1) * pageSize;
         const totalMatches = await Match.countDocuments(searchQuery);
         const matchesData = await Match.find(searchQuery)
-          .sort("date")
+          .sort({ date: 1, time: 1 })
           .skip(skip)
           .limit(pageSize);
 

src/app/ui/components/ActivityModal.jsx

@@ -44,11 +44,11 @@ const ActivityModal = () => {
 
   const CardContent = () => (
     <div
-      className="bg-cover bg-center rounded-lg px-6 pb-6 pt-16 max-w-sm w-full mx-4 overflow-hidden"
+      className="bg-cover bg-center rounded-lg px-6 pb-6 pt-16 w-full max-w-sm mx-4 overflow-hidden"
       style={{
         backgroundImage: `url('${activityContent.backgroundImage}')`,
-        width: "80vw",
-        minHeight: "50vh",
+        width: "70vw",
+        height: "40vh",
         backgroundPosition: "top center",
       }}
     >