ux: 对话历史页手机端优化(布局/按钮/卡片/气泡宽度)

2026-08-31 19:51:22 +08:00
parent 9e79e17a35
commit 86f15bc79c
2 changed files with 22 additions and 23 deletions
@@ -11,9 +11,9 @@ interface PageLayoutProps {

 export function PageLayout({ title, description, actions, children, className }: PageLayoutProps) {
  return (
-    <div className={cn('space-y-6', className)}>
-      <div className="flex items-start justify-between gap-4">
-        <div>
+    <div className={cn('space-y-4 md:space-y-6', className)}>
+      <div className="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between sm:gap-4">
+        <div className="min-w-0">
          <h2 className="text-xl font-bold text-foreground md:text-2xl">{title}</h2>
          {description && <p className="mt-1 text-sm text-muted-foreground">{description}</p>}
        </div>