feat: adjust UI for task list page

2025-11-12 20:23:46 +08:00 · 2023-09-15 18:16:59 +08:00
parent 4112426848
commit ae135b89d6
3 changed files with 75 additions and 26 deletions
--- a/web/src/assets/css/image-mj.styl
+++ b/web/src/assets/css/image-mj.styl
@@ -220,6 +220,29 @@
          padding 2px
          background-color #555555

+          .job-item-inner {
+            position relative
+            height 100%
+            overflow hidden
+
+            .progress {
+              position absolute
+              width 100%
+              height 100%
+              top 0
+              left 0
+              display flex
+              justify-content center
+              align-items center
+              background-color: rgba(0, 0, 0, 0.5)
+
+              span {
+                font-size 20px
+                color #ffffff
+              }
+            }
+          }
+
          .el-image {
            width 100%
            height 100%
@@ -241,8 +264,8 @@
        }
      }

-      .task-list-inner {

+      .finish-job-list {
        .job-item {
          margin-bottom 20px

@@ -277,8 +300,8 @@
          }

        }
-      }

+      }
    }
  }