Better UX

pages/CallLogs.tsx

@@ -1,3 +1,4 @@
+
 import React, { useState } from 'react';
 import { Download, Search, Calendar, Filter } from 'lucide-react';
 import { Button, Input, TableHeader, TableRow, TableHead, TableCell, Badge } from '../components/UI';
@@ -27,7 +28,7 @@ export const CallLogsPage: React.FC = () => {
         log.startTime, 
         log.duration
     ].join(','));
-    const csvContent = "data:text/csv;charset=utf-8," + [headers.join(','), ...rows].join('\n');
+    const csvContent = "data:text/csv;charset=utf-8," + [headers.join(','), ...headers.join(',')].join('\n');
     const encodedUri = encodeURI(csvContent);
     const link = document.createElement("a");
     link.setAttribute("href", encodedUri);
@@ -38,7 +39,7 @@ export const CallLogsPage: React.FC = () => {
   };
 
   return (
-    <div className="space-y-6 animate-in fade-in">
+    <div className="space-y-6 animate-in fade-in py-2 pb-10">
       <div className="flex items-center justify-between">
         <h1 className="text-2xl font-bold tracking-tight">视频通话记录</h1>
         <Button variant="outline" onClick={handleExport}>