show tab name

CCU-Class · Jul 7, 2024 · 9329abb · 9329abb
1 parent 479ca1e
commit 9329abb
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/views/page_main.vue b/src/views/page_main.vue
@@ -71,6 +71,11 @@ const closeModal = () => {
   ret.value = "0";
 };
 
+const show_tab_name = (tab_name) => {
+  if(tab_name.length > 8) return tab_name.slice(0, 6) + "...";
+  return tab_name;
+};
+
 const SubmitModal = () => {
   if (ret === null) return;
   let copy = parseInt(ret.value);
@@ -159,7 +164,7 @@ const setactiveIndex = (index) => {
                 <div
                   class="w-[8rem] text-center"
                   v-if="!tabIsEditing[index]">
-                  {{ tab.name }}
+                  {{ show_tab_name(tab.name) }}
                 </div>
                 <input
                   v-else