admin/jdcProject_front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perf: 优化 NavigationBar CSS

Browse Source
This commit is contained in:
pany 2024-12-10 19:20:32 +08:00
parent a3ec9e2ad2
commit ea34a957f0
2 changed files with 16 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/common/components/Notify/index.vue
View File

@ -86,10 +86,6 @@ function handleHistory() {
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
.notify {
margin-right: 10px;
}
.notify-history { .notify-history {
text-align: center; text-align: center;
padding-top: 12px; padding-top: 12px;

29
src/layouts/components/NavigationBar/index.vue
View File

@ -46,8 +46,8 @@ function logout() {
<Screenfull v-if="showScreenfull" class="right-menu-item" /> <Screenfull v-if="showScreenfull" class="right-menu-item" />
<ThemeSwitch v-if="showThemeSwitch" class="right-menu-item" /> <ThemeSwitch v-if="showThemeSwitch" class="right-menu-item" />
<Notify v-if="showNotify" class="right-menu-item" /> <Notify v-if="showNotify" class="right-menu-item" />
<el-dropdown class="right-menu-item"> <el-dropdown>
<div class="right-menu-avatar"> <div class="right-menu-item user">
<el-avatar :icon="UserFilled" :size="30" /> <el-avatar :icon="UserFilled" :size="30" />
<span>{{ userStore.username }}</span> <span>{{ userStore.username }}</span>
</div> </div>
@ -110,18 +110,21 @@ function logout() {
height: 100%; height: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
.right-menu-item { &-item {
padding: 0 10px; margin: 0 10px;
cursor: pointer; cursor: pointer;
.right-menu-avatar { &:last-child {
display: flex; margin-left: 20px;
align-items: center; }
.el-avatar { }
margin-right: 10px; .user {
} display: flex;
span { align-items: center;
font-size: 16px; .el-avatar {
} margin-right: 10px;
}
span {
font-size: 16px;
} }
} }
} }