feat: 编辑和添加模态框改为大尺寸(modal-lg)

README.md

@@ -136,6 +136,12 @@ xian-favor/
 
 ## 版本历史
 
+- v1.3.1 (2026-04-13): 备注改名为详情，支持换行显示，扩大输入框
+- v1.3.0 (2026-04-13): 标签管理功能和输入自动提示
+  - 侧边栏新增"标签管理"入口
+  - 标签管理页面：显示所有标签、使用条目数、创建/删除标签
+  - 添加/编辑时标签输入支持自动提示（输入时显示匹配的已有标签）
+  - 点击提示标签快速添加
 - v1.2.1 (2026-04-13): 卡片显示两行，第二行显示内容预览
 - v1.2.0 (2026-04-13): 压缩首页卡片高度，更紧凑的列表布局
 - v1.1.1 (2026-04-13): 编辑备注改为多行输入框

xian_favor/api.py

@@ -295,7 +295,7 @@ INDEX_TEMPLATE = '''
 
 <!-- 添加模态框 -->
 <div class="modal fade" id="addModal" tabindex="-1">
-    <div class="modal-dialog">
+    <div class="modal-dialog modal-lg">
         <div class="modal-content">
             <div class="modal-header">
                 <h5 class="modal-title">添加条目</h5>
@@ -360,8 +360,8 @@ INDEX_TEMPLATE = '''
                         <div id="addTagSuggestions" class="mt-1"></div>
                     </div>
                     <div class="mb-3">
-                        <label class="form-label">备注</label>
-                        <input type="text" id="addNote" class="form-control">
+                        <label class="form-label">详情/备注</label>
+                        <textarea id="addNote" class="form-control" rows="5"></textarea>
                     </div>
                 </form>
             </div>
@@ -398,7 +398,7 @@ INDEX_TEMPLATE = '''
 
 <!-- 编辑模态框 -->
 <div class="modal fade" id="editModal" tabindex="-1">
-    <div class="modal-dialog">
+    <div class="modal-dialog modal-lg">
         <div class="modal-content">
             <div class="modal-header">
                 <h5 class="modal-title">编辑条目</h5>
@@ -458,8 +458,8 @@ INDEX_TEMPLATE = '''
                         <div id="editTagSuggestions" class="mt-1"></div>
                     </div>
                     <div class="mb-3">
-                        <label class="form-label">备注</label>
-                        <textarea id="editNote" class="form-control" rows="3"></textarea>
+                        <label class="form-label">详情/备注</label>
+                        <textarea id="editNote" class="form-control" rows="5"></textarea>
                     </div>
                 </form>
             </div>
@@ -698,7 +698,7 @@ async function showDetail(id) {
     }
     
     if (item.note) {
-        html += `<div class="mb-3"><strong>备注:</strong> ${escapeHtml(item.note)}</div>`;
+        html += `<div class="mb-3"><strong>详情/备注:</strong><br><div class="border rounded p-3 bg-light" style="white-space: pre-wrap; word-break: break-all;">${escapeHtml(item.note)}</div></div>`;
     }
     
     html += `<div class="text-muted small"><strong>创建时间:</strong> ${formatDate(item.created_at)}<br><strong>更新时间:</strong> ${formatDate(item.updated_at)}</div>`;