fix: tooltip too long to show

frontend/src/components/content_value/ContentSlog.vue

@@ -58,7 +58,11 @@ const columns = computed(() => [
         align: 'center',
         titleAlign: 'center',
         ellipsis: {
-            tooltip: true,
+            tooltip: {
+                style: {
+                    maxWidth: '80vw',
+                },
+            },
         },
         render: ({ client, addr }, index) => {
             let content = ''

frontend/src/components/content_value/ContentValueHash.vue

@@ -89,7 +89,11 @@ const fieldColumn = computed(() => ({
     titleAlign: 'center',
     resizable: true,
     ellipsis: {
-        tooltip: true,
+        tooltip: {
+            style: {
+                maxWidth: '80vw',
+            },
+        },
     },
     filterOptionValue: fieldFilterOption.value,
     className: inEdit.value ? 'clickable' : '',
@@ -114,7 +118,11 @@ const valueColumn = computed(() => ({
     ellipsis: displayCode.value
         ? false
         : {
-              tooltip: true,
+              tooltip: {
+                  style: {
+                      maxWidth: '80vw',
+                  },
+              },
           },
     // filterOptionValue: valueFilterOption.value,
     className: inEdit.value ? 'clickable' : '',

frontend/src/components/content_value/ContentValueList.vue

@@ -90,7 +90,11 @@ const valueColumn = computed(() => ({
     ellipsis: displayCode.value
         ? false
         : {
-              tooltip: true,
+              tooltip: {
+                  style: {
+                      maxWidth: '80vw',
+                  },
+              },
           },
     filterOptionValue: valueFilterOption.value,
     className: inEdit.value ? 'clickable' : '',

frontend/src/components/content_value/ContentValueSet.vue

@@ -89,7 +89,11 @@ const valueColumn = computed(() => ({
     ellipsis: displayCode.value
         ? false
         : {
-              tooltip: true,
+              tooltip: {
+                  style: {
+                      maxWidth: '80vw',
+                  },
+              },
           },
     filterOptionValue: valueFilterOption.value,
     className: inEdit.value ? 'clickable' : '',

frontend/src/components/content_value/ContentValueZSet.vue

@@ -138,7 +138,11 @@ const valueColumn = computed(() => ({
     ellipsis: displayCode.value
         ? false
         : {
-              tooltip: true,
+              tooltip: {
+                  style: {
+                      maxWidth: '80vw',
+                  },
+              },
           },
     filterOptionValue: valueFilterOption.value,
     className: inEdit.value ? 'clickable' : '',