zevairouter 1.0.145 → 1.0.146

package/src/shared/components/UsageStats.js

@@ -75,12 +75,12 @@ function RecentRequests({ requests = [], streamStatus = "connecting" }) {
   const stream = STREAM_STATUS[streamStatus] || STREAM_STATUS.connecting;
 
   return (
-    <Card className="flex min-w-0 flex-col overflow-hidden" padding="none" style={{ height: 480 }}>
+    <Card className="flex h-[420px] min-w-0 flex-col overflow-hidden sm:h-[440px]" padding="none">
       {/* Header */}
       <div className="flex shrink-0 items-center justify-between border-b border-border-subtle bg-surface/75 px-4 py-3.5">
         <div className="flex items-center gap-2">
           <span className="material-symbols-outlined text-[17px] text-primary">monitor_heart</span>
-          <span className="text-xs font-bold uppercase tracking-[0.08em] text-text-muted">Recent Requests</span>
+          <span className="text-xs font-semibold text-text-main">Recent requests</span>
         </div>
         <span
           className={`inline-flex items-center gap-1.5 rounded-full px-2 py-1 text-[10px] font-semibold ${stream.className}`}
@@ -125,7 +125,7 @@ function RecentRequests({ requests = [], streamStatus = "connecting" }) {
                     </td>
                     <td className="min-w-0 py-1.5 pr-2">
                       <div className="max-w-[132px] truncate font-mono" title={r.model}>{r.model}</div>
-                      <div className="mt-0.5 max-w-[132px] truncate text-[9px] font-semibold uppercase tracking-[0.08em] text-text-subtle" title={providerName}>
+                      <div className="mt-0.5 max-w-[132px] truncate text-[10px] font-medium text-text-subtle" title={providerName}>
                         {providerName}
                       </div>
                     </td>