style: 看板用户行为小屏幕换行显示字内容

2024-02-04 20:02:00 +08:00
parent babd9734ee
commit c02b36e794
1 changed files with 20 additions and 0 deletions
--- a/src/views/dashboard/overview/components/UserActivity/index.vue
+++ b/src/views/dashboard/overview/components/UserActivity/index.vue
@@ -324,6 +324,26 @@ onMounted(() => {
    }
  }

+  /* 兼容当行显示字内容  */
+  @media (max-width: 1720px) {
+    & .card-cdr {
+      &-item {
+        display: block;
+        & > div {
+          width: 100%;
+        }
+      }
+    }
+    & .card-ue {
+      &-item {
+        display: block;
+        & > div {
+          width: 100%;
+        }
+      }
+    }
+  }
+
  /* 修改滚动条的样式 */
  &::-webkit-scrollbar {
    width: 8px; /* 设置滚动条宽度 */