單品家具編輯器版面調整

backstage/templates/solid_wood_furniture.html

@@ -73,7 +73,7 @@
         <div class="modal-content">
 
             <div class="modal-header">
-                <h4 class="modal-title">修改</h4>
+                <h4 class="modal-title">單品家具-修改</h4>
                 <button type="button" class="close" data-dismiss="modal">×</button>
             </div>
 
@@ -84,64 +84,85 @@
                             <td>
                                 <h4>名稱</h4>
                             </td>
-                            <td><input class="form-control" id="ctitle" type="text" />
+                            <td>
+                                <input class="form-control" id="ctitle" type="text" />
                                 <div class="mt-1 text-danger">(建議字數: 15字內)</div>
                             </td>
                         </tr>
                         <tr>
                             <td>
-                                <h4>日期</h4>
+                                <h4>類別</h4>
                             </td>
-                            <td><input class="form-control" id="cdate" type="text" /></td>
+                            <td><select id="swfDropdown" onchange="$('#ctype').val(this.value);" disabled></select></td>
                         </tr>
                         <tr>
                             <td>
-                                <h4>是否顯示</h4>
+                                <h4>敘述</h4>
+                            </td>
+                            <td>
+                                <textarea class="form-control" rows="3" id="swfDesc" type="text" style="width: 100%;"></textarea>
+                                <div class="mt-1 text-danger">(建議字數: 50字內)</div>
                             </td>
-                            <td><input id="cdraft" type="checkbox" checked="true" /></td>
                         </tr>
                         <tr>
                             <td>
-                                類別</td>
-                            <td><select id="swfDropdown" onchange="$('#ctype').val(this.value);" disabled></select></td>
+                                <h4>日期</h4>
+                            </td>
+                            <td><input class="form-control" id="cdate" type="text" /></td>
                         </tr>
                         <tr>
-                            <td colspan="2"> </td>
+                            <td>
+                                <h4>是否顯示</h4>
+                            </td>
+                            <td><input id="cdraft" type="checkbox" checked="true" /></td>
                         </tr>
                         <tr>
-                            <td> 敘述</td>
-                            <td><input id="swfDesc" type="text" style="width: 100%;" /></td>
+                            <td colspan="2"> </td>
                         </tr>
                         <tr>
-                            <td> 圖片</td>
                             <td>
-                                <div id="editorjs" style='border:inset 1px;'></div>
+                                <h4>單品圖</h4>
+                            </td>
+                            <td>
+                                <div class="form-control" id="editorjs" style='border:inset 1px;'></div>
                             </td>
                         </tr>
                         <tr>
-                            <td> 定價</td>
-                            <td><input id="swfPrice" type="text" style="width: 100%;" /></td>
+                            <td>
+                                <h4>定價</h4>
+                            </td>
+                            <td><input class="form-control" id="swfPrice" type="text" style="width: 100%;" /></td>
                         </tr>
                         <tr>
-                            <td> 顏色</td>
-                            <td><input id="swfColor" type="text" style="width: 100%;" /></td>
+                            <td>
+                                <h4>顏色</h4>
+                            </td>
+                            <td><input class="form-control" id="swfColor" type="text" style="width: 100%;" /></td>
                         </tr>
                         <tr>
-                            <td> 尺寸(mm)</td>
-                            <td><input id="swfSize" type="text" style="width: 100%;" /></td>
+                            <td>
+                                <h4>尺寸(mm)</h4>
+                            </td>
+                            <td><input class="form-control" id="swfSize" type="text" style="width: 100%;" /></td>
                         </tr>
                         <tr>
-                            <td> 材質</td>
-                            <td><input id="swfMat" type="text" style="width: 100%;" /></td>
+                            <td>
+                                <h4>材質</h4>
+                            </td>
+                            <td><input class="form-control" id="swfMat" type="text" style="width: 100%;" /></td>
                         </tr>
                         <tr>
-                            <td> 備註</td>
-                            <td><input id="swfMemo" type="text" style="width: 100%;" /></td>
+                            <td>
+                                <h4>備註</h4>
+                            </td>
+                            <td><input class="form-control" id="swfMemo" type="text" style="width: 100%;" /></td>
                         </tr>
                         <tr>
-                            <td> 規格</td>
                             <td>
-                                <div id="editorjs1" style='border:inset 1px;'></div>
+                                <h4>規格圖</h4>
+                            </td>
+                            <td>
+                                <div class="form-control" id="editorjs1" style='border:inset 1px;'></div>
                             </td>
                         </tr>
                     </tbody>