snapshot before merge

write/src/app/links/page.tsx

@@ -151,8 +151,8 @@ export default function LinksPage() {
   const hiddenCount = links.filter((l) => l.hidden).length;
 
   return (
-    <div className="px-8 py-8">
-      <div className="flex items-center justify-between mb-8">
+    <div className="px-4 py-6 md:px-8 md:py-8">
+      <div className="flex items-center justify-between mb-6 sm:mb-8 gap-3 flex-wrap">
         <div className="flex items-center gap-3">
           <button type="button" onClick={() => router.back()} className="p-1 -ml-1 rounded hover:bg-surface text-muted hover:text-text transition-colors">
             <ArrowLeft size={16} />
@@ -192,7 +192,7 @@ export default function LinksPage() {
       {/* Add form */}
       {showAdd && (
         <div className="mb-6 p-5 bg-card border border-line rounded-lg">
-          <form onSubmit={handleAdd} className="flex gap-3 items-end">
+          <form onSubmit={handleAdd} className="flex flex-col sm:flex-row gap-3 sm:items-end">
             <div className="flex-1">
               <label className="block text-[12px] font-medium text-text/70 mb-1.5">网站名称</label>
               <input type="text" value={addForm.name} onChange={(e) => setAddForm({ ...addForm, name: e.target.value })}
@@ -243,7 +243,7 @@ export default function LinksPage() {
 
                 {/* Info or Edit form */}
                 {editTarget === l.url ? (
-                  <div className="flex-1 flex gap-2 items-end">
+                  <div className="flex-1 flex flex-col sm:flex-row gap-2 sm:items-end">
                     <div className="flex-1">
                       <input type="text" value={editForm.name} onChange={(e) => setEditForm({ ...editForm, name: e.target.value })}
                         className="w-full bg-bg border border-line rounded-md px-2 py-1.5 text-[13px] focus:outline-none focus:border-accent/30" title="名称" placeholder="名称" />