diff --git a/frontend/src/assets/images/1panel-login-bg.png b/frontend/src/assets/images/1panel-login-bg.png new file mode 100644 index 000000000..abc54d4d6 Binary files /dev/null and b/frontend/src/assets/images/1panel-login-bg.png differ diff --git a/frontend/src/assets/images/menu-bg.png b/frontend/src/assets/images/menu-bg.png new file mode 100644 index 000000000..45b863b8f Binary files /dev/null and b/frontend/src/assets/images/menu-bg.png differ diff --git a/frontend/src/components/app-layout/menu/index.vue b/frontend/src/components/app-layout/menu/index.vue index d1acc9c00..7aae9affb 100644 --- a/frontend/src/components/app-layout/menu/index.vue +++ b/frontend/src/components/app-layout/menu/index.vue @@ -102,7 +102,7 @@ onMounted(async () => { display: flex; flex-direction: column; height: 100%; - background-color: $menu-backgroup-color; + background: url(@/assets/images/menu-bg.png) $menu-backgroup-color no-repeat top; transition: all 0.3s ease; .el-scrollbar { diff --git a/frontend/src/styles/common.scss b/frontend/src/styles/common.scss index 414eb7f15..219ca31f3 100644 --- a/frontend/src/styles/common.scss +++ b/frontend/src/styles/common.scss @@ -105,6 +105,10 @@ } } +.inline-block { + display: inline-block; +} + .form-button { float: right; } diff --git a/frontend/src/views/app-store/apps/index.vue b/frontend/src/views/app-store/apps/index.vue index a7c983609..068002f93 100644 --- a/frontend/src/views/app-store/apps/index.vue +++ b/frontend/src/views/app-store/apps/index.vue @@ -220,10 +220,9 @@ onMounted(() => { margin-top: 5px; } } -} - -.app-card:hover { - background-color: rgba(0, 94, 235, 0.03); + &:hover { + background-color: rgba(0, 94, 235, 0.03); + } } .tag-button { diff --git a/frontend/src/views/login/components/login-form.vue b/frontend/src/views/login/components/login-form.vue index 1791de905..cf66d7790 100644 --- a/frontend/src/views/login/components/login-form.vue +++ b/frontend/src/views/login/components/login-form.vue @@ -7,7 +7,7 @@
- + - + - +
-
- @@ -342,7 +336,8 @@ onMounted(() => { diff --git a/frontend/src/views/login/index.vue b/frontend/src/views/login/index.vue index 7168d6f31..34bb059f1 100644 --- a/frontend/src/views/login/index.vue +++ b/frontend/src/views/login/index.vue @@ -1,11 +1,26 @@