github/lina
1
0
Fork 0
mirror of https://github.com/jumpserver/lina.git synced 2025-09-18 08:12:33 +00:00
Code Issues Projects Releases Wiki Activity

perf: 还原 css

Browse Source
This commit is contained in:
ibuler
2022-02-24 10:00:48 +08:00
parent b2eea8946d
commit 55c6fce439
1 changed files with 59 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

128
src/layout/components/NavHeader/ViewSwitcher.vue
View File

@@ -8,7 +8,6 @@
<el-submenu
index="2"
popper-class="view-switcher"
popper-append-to-body
>
<template slot="title">
<span class="title-label">
@@ -75,74 +74,65 @@ export default {
</script>
<style lang="scss" scoped>
/* 显示的 */
.menu-main.el-menu {
background-color: transparent;
&>>> .el-icon-arrow-down {
font-size: 13px;
color: #606266;
}
&>>> .el-menu--popup-bottom-start {
margin-top: 0!important;
}
::v-deep .el-submenu .el-submenu__title {
height: 55px;
line-height: 55px;
border-bottom: none;
}
&.el-menu--horizontal {
border-bottom: none;
}
.el-menu--popup-bottom-start{
margin-top: 130px;
}
.menu-main.el-menu {
background-color: transparent;
::v-deep .el-submenu .el-submenu__title {
height: 55px;
line-height: 55px;
border-bottom: none;
}
.el-menu--horizontal.view-switcher .el-menu.el-menu--popup {
min-width: 70px!important;
margin-top: 0!important;
background: red;
&.el-menu--popup-bottom-start {
margin-top: 0!important;
}
.el-menu-item {
display: inline-block!important;
padding: 10px 10px;
text-align: center;
height: 70px;
width: 70px;
&.is-active {
font-weight: bold;
}
&:hover {
color: #303133;
background-color: #e6e6e6;
}
&:first-child {
margin-left: 20px;
}
&:last-child {
margin-right: 20px;
}
.title-label {
padding-left: 12px;
font-size: 14px;
vertical-align: unset;
color: #606266!important;
}
.icons {
display: block;
font-size: 23px;
text-align: center;
}
.icons-title {
display: inline-block;
font-size: 14px;
}
}
&.el-menu--horizontal {
border-bottom: none;
}
//.el-submenu.is-opened {
// background-color: transparent;
//}
&>>> .el-icon-arrow-down {
font-size: 13px;
color: #606266;
}
}
.el-menu--horizontal .el-menu .el-menu-item {
display: inline-block!important;
padding: 10px 10px;
text-align: center;
height: 70px;
width: 70px;
&:hover {
color: #303133;
background-color: #e6e6e6;
}
&:first-child {
margin-left: 20px;
}
&:last-child {
margin-right: 20px;
}
}
.el-submenu.is-opened {
background-color: transparent;
}
.title-label {
padding-left: 12px;
font-size: 14px;
vertical-align: unset;
color: #606266!important;
}
.icons {
display: block;
font-size: 23px;
text-align: center;
}
.icons-title {
display: inline-block;
font-size: 14px;
}
ul.el-menu--popup-bottom-start {
margin-top: 0!important;
}
.el-menu-item.is-active {
font-weight: bold;
}
</style>