diff --git a/src/pages/notify/NotifyList.vue b/src/pages/notify/NotifyList.vue index 204d7ca..b9d29d3 100644 --- a/src/pages/notify/NotifyList.vue +++ b/src/pages/notify/NotifyList.vue @@ -276,6 +276,10 @@ onUnmounted(() => navBarStore.clearRight()); .items { overflow: hidden; + :deep(.t-cell__title) { + min-width: 0; + } + .item { .cancel, .delete { @@ -299,6 +303,20 @@ onUnmounted(() => navBarStore.clearRight()); background: #fef3c7; } } + + .title { + min-width: 0; + gap: .5rem; + display: flex; + align-items: center; + + > span:first-child { + min-width: 0; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + } } } } diff --git a/src/pages/notify/UserNotifyList.vue b/src/pages/notify/UserNotifyList.vue index bf35d91..d4df047 100644 --- a/src/pages/notify/UserNotifyList.vue +++ b/src/pages/notify/UserNotifyList.vue @@ -340,6 +340,11 @@ onUnmounted(() => { overflow: hidden; padding-top: 1rem; + :deep(.t-cell__title) { + flex: 1 1 0; + min-width: 0; + } + .item { .delete { @@ -365,6 +370,7 @@ onUnmounted(() => { } .title { + min-width: 0; gap: .5rem; display: flex; align-items: center;