index-d3e03113.css 7.9 KB

123456789
  1. /**
  2. * 由 Fantastic-admin 提供技术支持
  3. * Powered by Fantastic-admin
  4. * Gitee https://gitee.com/hooray/fantastic-admin
  5. * Github https://github.com/hooray/fantastic-admin
  6. */
  7. [data-app-width-mode=center] header[data-v-5aac8e8e],[data-app-width-mode=center-max-width] header[data-v-5aac8e8e]{width:var(--g-app-width);max-width:100%}header[data-v-5aac8e8e]{position:fixed;z-index:1000;top:0;left:0;right:0;display:flex;align-items:center;margin:0 auto;padding:0 20px;width:100%;height:var(--g-header-height);color:var(--g-header-color);background-color:var(--g-header-bg);box-shadow:-1px 0 0 0 var(--g-border-color),1px 0 0 0 var(--g-border-color);transition:var(--el-transition-all),background-color .3s}header .header-container[data-v-5aac8e8e]{width:var(--g-header-width);height:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between}header .header-container .main[data-v-5aac8e8e]{flex:1;display:flex;flex-wrap:wrap;align-items:center;height:100%}header .header-container .main .nav-fill-radius .item-container[data-v-5aac8e8e]{margin-right:5px}header .header-container .main .nav-fill-radius .item-container[data-v-5aac8e8e]:last-child{margin-right:0}header .header-container .main .nav-fill-radius .item-container .item[data-v-5aac8e8e]{border-radius:5px;margin:10px 0}header .header-container .main .nav-fill-radius .sidebar-item[data-v-5aac8e8e]{margin-right:5px}header .header-container .main .nav-fill-radius .sidebar-item[data-v-5aac8e8e]:last-child{margin-right:0}header .header-container .main .nav-fill-radius .sidebar-item[data-v-5aac8e8e] .el-sub-menu__title .item{height:calc(100% - 20px);border-radius:5px;margin:10px 0}header .header-container .main .nav-active-arrow .item-container[data-v-5aac8e8e]:before,header .header-container .main .nav-active-arrow .sidebar-item[data-v-5aac8e8e] .el-sub-menu__title:before{content:"";opacity:0;bottom:-5px;width:0;height:0;border-right:5px solid transparent;border-left:5px solid transparent;border-bottom:5px solid var(--g-sub-sidebar-bg);transition:all .3s;position:absolute;left:50%;transform:translate(-50%)}header .header-container .main .nav-active-arrow .item-container.active[data-v-5aac8e8e]:before,header .header-container .main .nav-active-arrow .sidebar-item[data-v-5aac8e8e] .is-active .el-sub-menu__title:before{opacity:1;bottom:0}header .header-container .main .nav-active-line .item-container[data-v-5aac8e8e]:before,header .header-container .main .nav-active-line .sidebar-item[data-v-5aac8e8e] .el-sub-menu__title:before{content:"";opacity:0;bottom:8px;width:0;height:4px;border-radius:2px;background-color:var(--g-header-menu-active-bg);box-shadow:0 0 0 1px var(--g-header-bg);transition:all .3s;position:absolute;left:50%;transform:translate(-50%)}header .header-container .main .nav-active-line .item-container.active[data-v-5aac8e8e]:before,header .header-container .main .nav-active-line .sidebar-item[data-v-5aac8e8e] .is-active .el-sub-menu__title:before{opacity:1;width:20px}header .header-container .main .nav-active-dot .item-container[data-v-5aac8e8e]:before,header .header-container .main .nav-active-dot .sidebar-item[data-v-5aac8e8e] .el-sub-menu__title:before{content:"";opacity:0;bottom:0;width:10px;height:10px;border-radius:50%;background-color:var(--g-header-menu-active-bg);box-shadow:0 0 0 1px var(--g-main-sidebar-bg);transition:all .3s;position:absolute;left:50%;transform:translate(-50%)}header .header-container .main .nav-active-dot .item-container.active[data-v-5aac8e8e]:before,header .header-container .main .nav-active-dot .sidebar-item[data-v-5aac8e8e] .is-active .el-sub-menu__title:before{opacity:1;bottom:5px}@media screen and (max-width: 100%){header .header-container[data-v-5aac8e8e]{width:100%}}header[data-v-5aac8e8e] a.title{position:relative;width:inherit;height:inherit;padding:inherit;background-color:inherit}header[data-v-5aac8e8e] a.title .logo{width:50px;height:50px}header[data-v-5aac8e8e] a.title span{font-size:24px;letter-spacing:1px;color:var(--g-header-color)}header .nav[data-v-5aac8e8e]{flex:1;display:flex;height:100%;width:0;margin:0 30px;padding:0 20px;overflow-x:auto;-webkit-mask-image:linear-gradient(to right,transparent,#000 20px,#000 calc(100% - 20px),transparent);mask-image:linear-gradient(to right,transparent,#000 20px,#000 calc(100% - 20px),transparent);scrollbar-width:none}header .nav[data-v-5aac8e8e]::-webkit-scrollbar{display:none}header .nav .item-container[data-v-5aac8e8e]{position:relative;display:flex;width:initial;transition:var(--el-transition-all)}header .nav .item-container .item[data-v-5aac8e8e]{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 5px;width:80px;cursor:pointer;color:var(--g-header-menu-color);background-color:var(--g-header-bg);transition:var(--el-transition-all),background-color .3s,var(--el-transition-color)}header .nav .item-container .item[data-v-5aac8e8e]:hover{color:var(--g-header-menu-hover-color);background-color:var(--g-header-menu-hover-bg)}header .nav .item-container .item .el-icon[data-v-5aac8e8e]{font-size:24px}header .nav .item-container .item span[data-v-5aac8e8e]{text-align:center;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}header .nav .item-container.active .item[data-v-5aac8e8e]{color:var(--g-header-menu-active-color);background-color:var(--g-header-menu-active-bg)}header .fa-menu[data-v-5aac8e8e]{flex:1;display:flex;align-items:center;height:100%;margin:0 50px;border-bottom:none;background-color:inherit;overflow:hidden}header .fa-menu .sidebar-item[data-v-5aac8e8e]{transition:all .3s}header .fa-menu .sidebar-item[data-v-5aac8e8e],header .fa-menu[data-v-5aac8e8e] .el-sub-menu,header .fa-menu[data-v-5aac8e8e] .el-sub-menu__title{height:100%;display:flex;align-items:center}header .fa-menu[data-v-5aac8e8e] .el-sub-menu.is-active .el-sub-menu__title{background-color:initial!important}header .fa-menu[data-v-5aac8e8e] .el-sub-menu.is-active .el-sub-menu__title .item{color:var(--g-header-menu-active-color)!important;background-color:var(--g-header-menu-active-bg)!important}header .fa-menu[data-v-5aac8e8e] .el-sub-menu__title{padding:0;width:initial}header .fa-menu[data-v-5aac8e8e] .el-sub-menu__title:hover{background-color:initial!important}header .fa-menu[data-v-5aac8e8e] .el-sub-menu__title .item{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 5px;width:80px;height:100%;line-height:initial;color:var(--g-header-menu-color)!important;transition:all .3s}header .fa-menu[data-v-5aac8e8e] .el-sub-menu__title .item:hover{color:var(--g-header-menu-hover-color)!important;background-color:var(--g-header-menu-hover-bg)!important}header .fa-menu[data-v-5aac8e8e] .el-sub-menu__title .item:hover .el-icon{transform:scale(1)}header .fa-menu[data-v-5aac8e8e] .el-sub-menu__title .item .el-icon{margin:0 auto;font-size:24px;vertical-align:middle;color:inherit}header .fa-menu[data-v-5aac8e8e] .el-sub-menu__title .item .title{flex:initial;margin:initial;height:initial;line-height:initial;text-align:center;font-size:16px;word-break:break-all;white-space:initial;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}header .fa-menu[data-v-5aac8e8e] .el-sub-menu__title .el-sub-menu__icon-arrow{display:none}header .fa-menu[data-v-5aac8e8e] .el-sub-menu.el-sub-menu__hide-arrow .el-sub-menu__title{display:flex;align-items:center;justify-content:center;width:80px}header .fa-menu[data-v-5aac8e8e] .el-sub-menu.el-sub-menu__hide-arrow .el-sub-menu__icon-more{color:var(--g-header-menu-color)!important}header[data-v-5aac8e8e] .tools{padding:0}header[data-v-5aac8e8e] .tools .buttons .item .el-icon{color:var(--g-header-color)}header[data-v-5aac8e8e] .tools .user-container{font-size:16px;color:var(--g-header-color)}.header-enter-active[data-v-5aac8e8e],.header-leave-active[data-v-5aac8e8e]{transition:transform .3s}.header-enter-from[data-v-5aac8e8e],.header-leave-to[data-v-5aac8e8e]{transform:translateY(calc(var(--g-header-height) * -1))}