15308555518/ MaxKB
1
0
Fork 0
mirror of https://github.com/1Panel-dev/MaxKB.git synced 2025-12-27 02:52:48 +00:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

feat:

This commit is contained in:
wangdan-fit2cloud 2024-01-23 11:34:14 +08:00
parent 498837ebc6
commit a98b537beb
2 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
ui/src/layout/components/breadcrumb/index.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="ml-8 mt-8 mb-16 flex">
<back-button :to="activeMenu"></back-button>
<div class="breadcrumb ml-8 mt-4 mb-12 flex">
<back-button :to="activeMenu" class="mt-4"></back-button>
<el-dropdown
placement="top"
trigger="click"
@ -8,7 +8,7 @@
class="w-full"
style="display: block"
>
<div class="flex-between">
<div class="breadcrumb-hover flex-between cursor">
<div class="flex align-center">
<AppAvatar
v-if="isApplication"
@ -179,4 +179,14 @@ onMounted(() => {
color: var(--el-dropdown-menuItem-hover-color);
}
}
.breadcrumb {
.breadcrumb-hover {
padding: 4px 4px 4px 0;
border-radius: 4px;
&:hover {
background: var(--el-color-primary-light-9);
color: var(--el-menu-active-color);
}
}
}
</style>

3
ui/src/styles/app.scss
View File

@ -129,6 +129,9 @@ h4 {
.mb-8 {
margin-bottom: var(--app-base-px);
}
.mb-12 {
margin-bottom: calc(var(--app-base-px) + 4px);
}
.mb-16 {
margin-bottom: calc(var(--app-base-px) * 2);
}