diff --git a/cwd-comments-admin/src/views/CommentsView.vue b/cwd-comments-admin/src/views/CommentsView.vue index 7558a68..6785827 100644 --- a/cwd-comments-admin/src/views/CommentsView.vue +++ b/cwd-comments-admin/src/views/CommentsView.vue @@ -45,9 +45,14 @@
{{ item.contentText }}
- {{ item.postSlug }} + {{ item.postSlug }}
-
{{ formatStatus(item.status) }} @@ -291,6 +296,7 @@ onMounted(() => { color: #24292f; display: flex; align-items: center; + box-sizing: border-box; } .table-cell-id { @@ -300,17 +306,20 @@ onMounted(() => { } .table-cell-author { - width: 180px; + width: 220px; flex-shrink: 0; } .table-cell-content { + flex-direction: column; flex: 1; + align-items: flex-start !important; + justify-content: center; min-width: 200px; } .table-cell-path { - width: 160px; + width: 240px; flex-shrink: 0; } @@ -320,7 +329,7 @@ onMounted(() => { } .table-cell-status { - width: 80px; + width: 100px; flex-shrink: 0; justify-content: center; align-items: center; @@ -331,6 +340,7 @@ onMounted(() => { flex-shrink: 0; justify-content: flex-start; align-items: center; + width: 250px; } .table-header .table-cell { @@ -362,14 +372,20 @@ onMounted(() => { line-height: 1.5; white-space: pre-wrap; word-break: break-word; + margin-bottom: 5px; } .cell-path { font-size: 12px; - color: #57606a; + color: #2774cb; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; + text-decoration: none; +} + +.cell-path:hover { + text-decoration: underline; } .cell-time {