diff --git a/resources/assets/js/pages/manage/components/TaskDetail.vue b/resources/assets/js/pages/manage/components/TaskDetail.vue index 95fc974a..6aa6e8f2 100644 --- a/resources/assets/js/pages/manage/components/TaskDetail.vue +++ b/resources/assets/js/pages/manage/components/TaskDetail.vue @@ -68,10 +68,7 @@
+ :class="{'task-detail':true, 'open-dialog': hasOpenDialog, 'completed': taskDetail.complete_at}">
-
+
{{$L('暂无消息')}}
+
+
{{$L('拖动到这里发送')}}
+
-
-
{{$L('拖动到这里发送')}}
-
diff --git a/resources/assets/sass/pages/components/task-detail.scss b/resources/assets/sass/pages/components/task-detail.scss index 38edbe1e..b2ec45be 100644 --- a/resources/assets/sass/pages/components/task-detail.scss +++ b/resources/assets/sass/pages/components/task-detail.scss @@ -531,6 +531,7 @@ flex: 1; display: flex; flex-direction: column; + position: relative; .no-tip { flex: 1; display: none; @@ -555,6 +556,33 @@ display: none; } } + .drag-over { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 3; + background-color: rgba(255, 255, 255, 0.78); + display: flex; + align-items: center; + justify-content: center; + &:before { + content: ""; + position: absolute; + top: 0; + left: 36px; + right: 0; + bottom: 0; + border: 2px dashed #7b7b7b; + border-radius: 12px; + } + .drag-text { + padding: 12px; + font-size: 18px; + color: #666666; + } + } } .project-log { margin-left: 36px; @@ -602,33 +630,6 @@ height: 32px; } } - .drag-over { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - z-index: 3; - background-color: rgba(255, 255, 255, 0.78); - display: flex; - align-items: center; - justify-content: center; - &:before { - content: ""; - position: absolute; - top: 16px; - left: 16px; - right: 16px; - bottom: 16px; - border: 2px dashed #7b7b7b; - border-radius: 12px; - } - .drag-text { - padding: 12px; - font-size: 18px; - color: #666666; - } - } &.open-dialog { flex-direction: row;