snapshot before merge

write/src/components/PostEditor.tsx

@@ -265,7 +265,7 @@ export default function PostEditor({ initialData, isEditing }: PostEditorProps)
 
   return (
     <>
-    <div className="flex gap-8">
+    <div className="flex flex-col lg:flex-row lg:gap-8 gap-6">
     <div className="flex-1 min-w-0 space-y-8">
       {message && (
         <div className={`px-4 py-2.5 rounded-md text-[13px] font-medium ${
@@ -281,7 +281,7 @@ export default function PostEditor({ initialData, isEditing }: PostEditorProps)
       <section>
         <h3 className="text-[11px] font-medium text-muted uppercase tracking-wider mb-4">文章信息</h3>
         <div className="space-y-3">
-          <div className="flex gap-3">
+          <div className="flex flex-col sm:flex-row gap-3">
             <div className="flex-1">
               <label className="block text-[12px] font-medium text-text/70 mb-1.5">标题</label>
               <input
@@ -304,7 +304,7 @@ export default function PostEditor({ initialData, isEditing }: PostEditorProps)
                 placeholder="文章标题"
               />
             </div>
-            <div className="w-[200px]">
+            <div className="w-full sm:w-[200px]">
               <label className="block text-[12px] font-medium text-text/70 mb-1.5">
                 Slug <span className="text-[10px] text-muted/50 font-normal">(自动时间戳)</span>
               </label>
@@ -312,12 +312,12 @@ export default function PostEditor({ initialData, isEditing }: PostEditorProps)
             </div>
           </div>
 
-          <div className="flex gap-3">
-            <div className="w-[180px]">
+          <div className="flex flex-col sm:flex-row gap-3">
+            <div className="w-full sm:w-[180px]">
               <label className="block text-[12px] font-medium text-text/70 mb-1.5">日期</label>
               <input type="date" value={form.date} onChange={(e) => setForm({ ...form, date: e.target.value })} className={inputCls} title="日期" />
             </div>
-            <div className="w-[160px]">
+            <div className="w-full sm:w-[160px]">
               <label className="block text-[12px] font-medium text-text/70 mb-1.5">作者</label>
               <input type="text" value={form.author} onChange={(e) => setForm({ ...form, author: e.target.value })} className={inputCls} title="作者" />
             </div>
@@ -327,7 +327,7 @@ export default function PostEditor({ initialData, isEditing }: PostEditorProps)
             </div>
           </div>
 
-          <div className="flex gap-3">
+          <div className="flex flex-col sm:flex-row gap-3">
             <div className="flex-1">
               <label className="block text-[12px] font-medium text-text/70 mb-1.5">标签</label>
               <input type="text" value={form.tags} onChange={(e) => setForm({ ...form, tags: e.target.value })} className={inputCls} placeholder="用顿号分隔" />
@@ -377,7 +377,7 @@ export default function PostEditor({ initialData, isEditing }: PostEditorProps)
       </section>
 
       {/* Actions: 草稿 | 保存 | 发布 */}
-      <div className="flex items-center gap-3 pt-2">
+      <div className="flex items-center gap-3 pt-2 flex-wrap">
         <button
           type="button"
           onClick={handleDraft}
@@ -411,8 +411,8 @@ export default function PostEditor({ initialData, isEditing }: PostEditorProps)
     </div>
 
     {/* Right: shortcuts + AI panel */}
-    <div className="w-[180px] shrink-0">
-      <div className="sticky top-6 space-y-6">
+    <div className="w-full lg:w-[180px] lg:shrink-0">
+      <div className="lg:sticky lg:top-6 space-y-6">
         <ShortcutPanel textareaRef={textareaRef} value={content} onChange={setContent} />
         <AIPanel
           selectedText={selectedText}