changes

app/components/datatable/ContextMenu.vue

@@ -234,14 +234,11 @@
         class="tooltiptext"
         style="top: 110%; bottom: unset; min-width: max-content; right: 0"
       >
-        <span class="is-block">Lưu thiết lập: </span>
-        <span class="tag fs-12 has-text-inherit is-family-monospace has-background-blue-85">{{
-          pagedata.setting.name
-        }}</span>
+        Lưu thiết lập
       </p>
     </div>
   </div>
-  <div class="tabs is-centered">
+  <div class="tabs">
     <ul>
       <li
         v-for="(v, i) in getMenu().filter((x) =>
@@ -255,7 +252,7 @@
         :class="selectTab.code === v.code ? 'is-active' : 'has-text-primary'"
         @click="changeTab(v)"
       >
-        <a class="px-16 py-1.5 fs-14">{{ v.name }}</a>
+        <a class="py-1.5 fs-14">{{ v.name }}</a>
       </li>
     </ul>
   </div>
@@ -477,8 +474,8 @@ const radioType = store.datatype.find((v) => v.code === currentField.format);
 // var textsize = undefined;
 // var radioSize = colorchoice.find((v) => v.code === "none");
 var minwidth = undefined;
-// var radioWidth = colorchoice.find((v) => v.code === "none");
-// var radioMaxWidth = colorchoice.find((v) => v.code === "none");
+var radioWidth = colorchoice.find((v) => v.code === "none");
+var radioMaxWidth = colorchoice.find((v) => v.code === "none");
 var maxwidth = undefined;
 // var selectAlign = undefined;
 // var radioAlign = colorchoice.find((v) => v.code === "none");
@@ -622,7 +619,7 @@ const showSidebar = function () {
   showmodal.value = {
     component: "datatable/FormatOption",
     width: "850px",
-    height: "500px",
+    height: "600px",
     title,
     vbind: {
       event,