diff --git a/frontend/src/components/content_value/ContentSlog.vue b/frontend/src/components/content_value/ContentSlog.vue index 5f7d408..4bfd470 100644 --- a/frontend/src/components/content_value/ContentSlog.vue +++ b/frontend/src/components/content_value/ContentSlog.vue @@ -60,10 +60,10 @@ const columns = computed(() => [ ellipsis: { tooltip: { style: { - maxWidth: '80vw', - maxHeight: '60vh', - overflowY: 'scroll', + maxWidth: '50vw', + maxHeight: '50vh', }, + scrollable: true, }, }, render: ({ client, addr }, index) => { diff --git a/frontend/src/components/content_value/ContentValueHash.vue b/frontend/src/components/content_value/ContentValueHash.vue index 386975d..9e62f20 100644 --- a/frontend/src/components/content_value/ContentValueHash.vue +++ b/frontend/src/components/content_value/ContentValueHash.vue @@ -90,10 +90,10 @@ const fieldColumn = computed(() => ({ ellipsis: { tooltip: { style: { - maxWidth: '80vw', - maxHeight: '60vh', - overflowY: 'scroll', + maxWidth: '50vw', + maxHeight: '50vh', }, + scrollable: true, }, lineClamp: 10, }, @@ -122,10 +122,10 @@ const valueColumn = computed(() => ({ : { tooltip: { style: { - maxWidth: '80vw', - maxHeight: '60vh', - overflowY: 'scroll', + maxWidth: '50vw', + maxHeight: '50vh', }, + scrollable: true, }, }, // filterOptionValue: valueFilterOption.value, diff --git a/frontend/src/components/content_value/ContentValueList.vue b/frontend/src/components/content_value/ContentValueList.vue index cee89d8..836ef3c 100644 --- a/frontend/src/components/content_value/ContentValueList.vue +++ b/frontend/src/components/content_value/ContentValueList.vue @@ -91,10 +91,10 @@ const valueColumn = computed(() => ({ : { tooltip: { style: { - maxWidth: '80vw', - maxHeight: '60vh', - overflowY: 'scroll', + maxWidth: '50vw', + maxHeight: '50vh', }, + scrollable: true, }, }, filterOptionValue: valueFilterOption.value, diff --git a/frontend/src/components/content_value/ContentValueSet.vue b/frontend/src/components/content_value/ContentValueSet.vue index 72d9964..825ce17 100644 --- a/frontend/src/components/content_value/ContentValueSet.vue +++ b/frontend/src/components/content_value/ContentValueSet.vue @@ -90,10 +90,10 @@ const valueColumn = computed(() => ({ : { tooltip: { style: { - maxWidth: '80vw', - maxHeight: '60vh', - overflowY: 'scroll', + maxWidth: '50vw', + maxHeight: '50vh', }, + scrollable: true, }, }, filterOptionValue: valueFilterOption.value, diff --git a/frontend/src/components/content_value/ContentValueZSet.vue b/frontend/src/components/content_value/ContentValueZSet.vue index 75ff2c9..8a6a156 100644 --- a/frontend/src/components/content_value/ContentValueZSet.vue +++ b/frontend/src/components/content_value/ContentValueZSet.vue @@ -139,10 +139,10 @@ const valueColumn = computed(() => ({ : { tooltip: { style: { - maxWidth: '80vw', - maxHeight: '60vh', - overflowY: 'scroll', + maxWidth: '50vw', + maxHeight: '50vh', }, + scrollable: true, }, }, filterOptionValue: valueFilterOption.value,