changes

app/components/datatable/ContextMenu.vue

@@ -174,7 +174,7 @@
       >
         <span class="icon">
           <Icon
-            name="material-symbols:menu-rounded"
+            name="material-symbols:view-column-outline-rounded"
             :size="22"
           />
         </span>
@@ -223,18 +223,18 @@
     </p>
     <p class="control">
       <button
-        class="button is-light is-primary"
+        class="button is-primary"
         @click="saveSetting()"
       >
         <span class="icon">
           <Icon
-            name="material-symbols:save-outline-rounded"
+            name="material-symbols:save-rounded"
             :size="22"
           />
         </span>
       </button>
       <span
-        class="tooltiptext"
+        class="tooltiptext has-background-primary has-text-white"
         style="top: 110%; bottom: unset; min-width: max-content; left: -45px"
         >Lưu thiết lập</span
       >
@@ -254,7 +254,7 @@
         :class="selectTab.code === v.code ? 'is-active' : 'has-text-primary'"
         @click="changeTab(v)"
       >
-        <a class="px-8 py-1.5 fs-14">{{ v.name }}</a>
+        <a class="px-12 py-1.5 fs-14">{{ v.name }}</a>
       </li>
     </ul>
   </div>
@@ -387,21 +387,17 @@
               </span>
               <span>{{ v.name }}</span>
             </button>
+            <button
+              v-if="radioTemplate === 'option'"
+              class="button is-primary is-light fs-14 ml-2"
+              @click="showSidebar()"
+            >
+              {{ currentField.template ? "Sửa" : "Tạo" }} định dạng
+            </button>
           </div>
         </div>
       </div>
     </div>
-    <p
-      class="mt-3"
-      v-if="radioTemplate === 'option'"
-    >
-      <button
-        class="button is-primary is-light fs-14"
-        @click="showSidebar()"
-      >
-        {{ `${currentField.template ? "Sửa" : "Tạo"} định dạng` }}
-      </button>
-    </p>
   </div>
   <div v-else-if="currentTab === 'value'">
     <ScrollBox
@@ -563,7 +559,7 @@ function editLabel() {
     component: "datatable/EditLabel",
     title: "Điều chỉnh tiêu đề",
     width: "500px",
-    height: "300px",
+    height: "auto",
     vbind: { label },
   };
 }
@@ -621,7 +617,7 @@ const showSidebar = function () {
       pagename: props.pagename,
     },
     width: "850px",
-    height: "700px",
+    height: "600px",
     title: title,
   };
 };