diff --git a/react-ui/src/assets/img/workspace/statistics-bg.png b/react-ui/src/assets/img/workspace/statistics-bg.png index 50e042a9..6cd56fbf 100644 Binary files a/react-ui/src/assets/img/workspace/statistics-bg.png and b/react-ui/src/assets/img/workspace/statistics-bg.png differ diff --git a/react-ui/src/assets/img/workspace/statistics.apng b/react-ui/src/assets/img/workspace/statistics.apng new file mode 100644 index 00000000..a772e2d4 Binary files /dev/null and b/react-ui/src/assets/img/workspace/statistics.apng differ diff --git a/react-ui/src/pages/Workspace/components/AssetsManagement/index.less b/react-ui/src/pages/Workspace/components/AssetsManagement/index.less index 2eee1b3c..8d0cf42b 100644 --- a/react-ui/src/pages/Workspace/components/AssetsManagement/index.less +++ b/react-ui/src/pages/Workspace/components/AssetsManagement/index.less @@ -1,9 +1,11 @@ .assets-management { + position: relative; display: flex; flex-direction: column; width: 100%; height: 10.875rem; color: white; + border-radius: 0.625rem; box-shadow: 0px 3px 12px rgba(151, 150, 180, 0.08); .backgroundFullImage(url(@/assets/img/workspace/statistics-bg.png)); @@ -16,7 +18,7 @@ &__line { flex: none; - width: 64.9375rem; + width: 60rem; height: 1px; padding-left: 1.25rem; background-image: linear-gradient( @@ -53,4 +55,14 @@ font-size: 0.875rem; } } + + &__img { + position: absolute; + top: 0; + right: 0; + width: 23.5625rem; + height: 100%; + margin-right: 0; + margin-left: auto; + } } diff --git a/react-ui/src/pages/Workspace/components/AssetsManagement/index.tsx b/react-ui/src/pages/Workspace/components/AssetsManagement/index.tsx index e5941f12..82c53f20 100644 --- a/react-ui/src/pages/Workspace/components/AssetsManagement/index.tsx +++ b/react-ui/src/pages/Workspace/components/AssetsManagement/index.tsx @@ -81,6 +81,10 @@ function AssetsManagement() { ))} + ); }