diff --git a/frontend/src/api/interface/app.ts b/frontend/src/api/interface/app.ts
index 426928803..4d7ae2696 100644
--- a/frontend/src/api/interface/app.ts
+++ b/frontend/src/api/interface/app.ts
@@ -12,6 +12,7 @@ export namespace App {
source: string;
type: string;
status: string;
+ limit: number;
}
export interface AppDTO extends App {
diff --git a/frontend/src/views/app-store/apps/index.vue b/frontend/src/views/app-store/apps/index.vue
index b91b29ddb..45a8fe324 100644
--- a/frontend/src/views/app-store/apps/index.vue
+++ b/frontend/src/views/app-store/apps/index.vue
@@ -59,11 +59,11 @@
:xl="8"
>
-
+
-
+
{{ $t('app.install') }}
@@ -274,15 +276,15 @@ onMounted(() => {
margin-left: 15px;
}
+ &:hover .app-icon {
+ transform: scale(1.2);
+ }
+
.app-icon {
transition: transform 0.1s;
transform-origin: center center;
}
- .app-icon:hover {
- transform: scale(1.2);
- }
-
.app-content {
margin-top: 10px;
height: 100%;
diff --git a/frontend/src/views/host/file-management/index.vue b/frontend/src/views/host/file-management/index.vue
index 8c4ba1c95..7339aa4b2 100644
--- a/frontend/src/views/host/file-management/index.vue
+++ b/frontend/src/views/host/file-management/index.vue
@@ -1,40 +1,44 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- >
- {{ item.name }}
-
+
+
+
+
+
+
+
+
+
+
+
+
-
+
+ >
+
+ {{ path.name }}
+
+
+
-
-
-
+
+
+
@@ -338,7 +342,14 @@ const copyDir = (row: File.File) => {
};
const handlePath = () => {
- if (breadCrumbRef.value.offsetWidth > pathWidth.value) {
+ const breadcrumbElement = breadCrumbRef.value as any;
+ const pathNodes = breadcrumbElement.querySelectorAll('.pathname');
+
+ let totalpathWidth = 0;
+ pathNodes.forEach((node) => {
+ totalpathWidth += node.offsetWidth;
+ });
+ if (totalpathWidth > pathWidth.value) {
paths.value.splice(0, 1);
paths.value[0].name = '..';
nextTick(function () {
@@ -628,8 +639,12 @@ onMounted(() => {
getPaths(req.path);
}
}
- pathWidth.value = pathRef.value.offsetWidth * 0.7;
+ pathWidth.value = pathRef.value.offsetWidth;
search();
+
+ nextTick(function () {
+ handlePath();
+ });
});