feat(ui): refine order chat pages

components/order-actions.tsx

@@ -108,11 +108,12 @@ export default function OrderActions({
   )
 
   return (
-    <div className="flex gap-2 flex-wrap">
+    <div className="flex flex-wrap items-center gap-2">
       {status === "pending_payment" && isConsumer && (
         <>
           <Button
             variant="outline"
+            className="border-border/60"
             onClick={() => {
               if (!currentUserId) {
                 notifyInfo("请先登录")
@@ -144,6 +145,7 @@ export default function OrderActions({
           {isConsumer && (
             <Button
               variant="outline"
+              className="border-border/60"
               onClick={() => {
                 if (!currentUserId) {
                   notifyInfo("请先登录")
@@ -180,7 +182,7 @@ export default function OrderActions({
       )}
 
       {(status === "in_progress" || status === "pending_close") && resolvedChatSessionId && (
-        <Button asChild>
+        <Button variant="outline" className="border-border/60" asChild>
           <Link href={`/chat/${resolvedChatSessionId}`}>
             <MessageSquare className="mr-1 h-4 w-4" />
             聊天
@@ -245,7 +247,7 @@ export default function OrderActions({
       )}
 
       {status === "completed" && (
-        <Button variant="outline" asChild>
+        <Button variant="outline" className="border-border/60" asChild>
           <Link href={`/order/new?serviceId=${serviceId}`}>
             <RefreshCw className="mr-1 h-4 w-4" />
             再来一单
@@ -254,7 +256,7 @@ export default function OrderActions({
       )}
 
       {status === "cancelled" && (
-        <Button variant="outline" asChild>
+        <Button variant="outline" className="border-border/60" asChild>
           <Link href={`/order/new?serviceId=${serviceId}`}>
             <RefreshCw className="mr-1 h-4 w-4" />
             再来一单
@@ -263,7 +265,7 @@ export default function OrderActions({
       )}
 
       {status === "disputed" && (
-        <Button variant="outline" asChild>
+        <Button variant="outline" className="border-border/60" asChild>
           <Link href={`/dispute/${orderId}`}>查看详情</Link>
         </Button>
       )}