lolosia/lolosia-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改NavBar显示错误

Browse Source
This commit is contained in:
洛洛希雅Lolosia 2023-02-28 17:17:35 +08:00
parent 4150e939a9
commit 6a980e69d3
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/layout/app-main/Navbar.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="navbar reset-el-dropdown"> <div class="navbar reset-el-dropdown">
<div class="navbar-left"> <div class="navbar-left">
<div class="rowSC"> <div class="nav-bar-system rowSC">
<!-- 切换sidebar按钮 --> <!-- 切换sidebar按钮 -->
<hamburger <hamburger
v-if="settings.showHamburger" v-if="settings.showHamburger"
@ -93,8 +93,17 @@ const loginOut = () => {
z-index: 1; z-index: 1;
display: flex; display: flex;
align-items: center; align-items: center;
overflow-x: auto;
&::-webkit-scrollbar{
display: none;
}
.nav-bar-system{
white-space: nowrap;
text-overflow: ellipsis;
}
.navbar-left{ .navbar-left{
flex: 1 0 0;
display: flex; display: flex;
align-items: center; align-items: center;
> * { > * {
@ -102,7 +111,7 @@ const loginOut = () => {
} }
} }
.navbar-center{ .navbar-center{
flex: 1 1 0; flex: 1 1;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -111,7 +120,6 @@ const loginOut = () => {
} }
} }
.navbar-right{ .navbar-right{
flex: 1 0 0;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;