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 }}
-
{{ 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 {