zhuchaowe/maxkb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat:

Browse Source
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> <template>
<div class="ml-8 mt-8 mb-16 flex"> <div class="breadcrumb ml-8 mt-4 mb-12 flex">
<back-button :to="activeMenu"></back-button> <back-button :to="activeMenu" class="mt-4"></back-button>
<el-dropdown <el-dropdown
placement="top" placement="top"
trigger="click" trigger="click"
@ -8,7 +8,7 @@
class="w-full" class="w-full"
style="display: block" style="display: block"
> >
<div class="flex-between"> <div class="breadcrumb-hover flex-between cursor">
<div class="flex align-center"> <div class="flex align-center">
<AppAvatar <AppAvatar
v-if="isApplication" v-if="isApplication"
@ -179,4 +179,14 @@ onMounted(() => {
color: var(--el-dropdown-menuItem-hover-color); 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> </style>

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

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