index-b9627649.css 5.0 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=adaption] #app-main[data-v-4ab507c4]{width:100%}[data-app-width-mode=adaption-min-width] #app-main[data-v-4ab507c4]{width:max(var(--g-app-width),100%)}[data-app-width-mode=center] #app-main[data-v-4ab507c4]{width:var(--g-app-width)}[data-app-width-mode=center-max-width] #app-main[data-v-4ab507c4]{width:min(var(--g-app-width),100%)}[data-mode=mobile] #app-main[data-v-4ab507c4]{width:100%}[data-mode=mobile] .sidebar-container[data-v-4ab507c4]{transform:translate(calc((var(--g-main-sidebar-width) + var(--g-sub-sidebar-width)) * -1))}[data-mode=mobile] .sidebar-container.show[data-v-4ab507c4]{transform:translate(0)}[data-mode=mobile] .main-container[data-v-4ab507c4]{margin-left:0!important}[data-mode=mobile][data-menu-mode=single] .sidebar-container[data-v-4ab507c4]{transform:translate(calc(var(--g-sub-sidebar-width) * -1))}[data-mode=mobile][data-menu-mode=single] .sidebar-container.show[data-v-4ab507c4]{transform:translate(0)}.layout[data-v-4ab507c4]{height:100%}#app-main[data-v-4ab507c4]{height:100%;margin:0 auto;transition:var(--el-transition-all)}#app-main.main-page-maximize header[data-v-4ab507c4],#app-main.main-page-maximize .sidebar-container[data-v-4ab507c4]{display:none}#app-main.main-page-maximize .wrapper[data-v-4ab507c4]{padding-top:0}#app-main.main-page-maximize .wrapper .main-container[data-v-4ab507c4]{margin-left:0}#app-main.main-page-maximize .wrapper .main-container .topbar-container[data-v-4ab507c4]{display:none}#app-main.main-page-maximize .wrapper .main-container .main[data-v-4ab507c4]{margin:0}#app-main.main-page-maximize[data-v-4ab507c4] [data-fixed-calc-width]{width:100%;transform:translate(-50%)}.wrapper[data-v-4ab507c4]{position:relative;width:100%;height:100%;transition:padding-top .3s}.wrapper .sidebar-container[data-v-4ab507c4]{position:fixed;z-index:1010;top:0;bottom:0;display:flex;width:calc(var(--g-main-sidebar-actual-width) + var(--g-sub-sidebar-actual-width));box-shadow:-1px 0 0 0 var(--g-border-color);transition:transform .3s,var(--el-transition-box-shadow),top .3s}.wrapper .sidebar-mask[data-v-4ab507c4]{position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(transparent 1px,rgba(0,0,0,.3) 1px);background-size:4px 4px;-webkit-backdrop-filter:saturate(50%) blur(4px);backdrop-filter:saturate(50%) blur(4px);transition:all .2s;opacity:0;visibility:hidden}.wrapper .sidebar-mask.show[data-v-4ab507c4]{opacity:1;visibility:visible}.wrapper .main-sidebar-container:not(.main-sidebar-leave-active)+.sub-sidebar-container[data-v-4ab507c4]{left:var(--g-main-sidebar-width)}.wrapper .main-container[data-v-4ab507c4]{display:flex;flex-direction:column;min-height:100%;margin-left:calc(var(--g-main-sidebar-actual-width) + var(--g-sub-sidebar-actual-width));background-color:var(--g-main-bg);box-shadow:-1px 0 0 0 var(--g-border-color),1px 0 0 0 var(--g-border-color);transition:margin-left .3s,background-color .3s,var(--el-transition-box-shadow)}.wrapper .main-container .main[data-v-4ab507c4]{height:100%;flex:auto;position:relative;overflow:hidden;transition:.3s}.wrapper .main-container .main .exit-main-page-maximize[data-v-4ab507c4]{position:fixed;z-index:1000;right:-40px;top:-40px;width:80px;height:80px;border-radius:50%;cursor:pointer;background-color:var(--el-overlay-color-lighter);color:#eee;transition:background-color .3s,var(--el-transition-color)}.wrapper .main-container .main .exit-main-page-maximize[data-v-4ab507c4]:hover{background-color:var(--el-overlay-color-light);color:#fff}.wrapper .main-container .main .exit-main-page-maximize .el-icon[data-v-4ab507c4]{position:absolute;bottom:16px;left:16px}.wrapper .main-container .topbar-container.has-tabbar+.main[data-v-4ab507c4]{margin:var(--g-tabbar-height) 0 0}.wrapper .main-container .topbar-container.has-toolbar+.main[data-v-4ab507c4]{margin:var(--g-toolbar-height) 0 0}.wrapper .main-container .topbar-container.has-tabbar.has-toolbar+.main[data-v-4ab507c4]{margin:calc(var(--g-tabbar-height) + var(--g-toolbar-height)) 0 0}header:not(.header-leave-active)+.wrapper[data-v-4ab507c4]{padding-top:var(--g-header-height)}header:not(.header-leave-active)+.wrapper .sidebar-container[data-v-4ab507c4]{top:var(--g-header-height)}header:not(.header-leave-active)+.wrapper .sidebar-container[data-v-4ab507c4] .sidebar-logo{display:none}header:not(.header-leave-active)+.wrapper .sidebar-container[data-v-4ab507c4] .el-menu{padding-top:0}header:not(.header-leave-active)+.wrapper .main-container .topbar-container[data-v-4ab507c4]{top:var(--g-header-height)}header:not(.header-leave-active)+.wrapper .main-container .topbar-container[data-v-4ab507c4] .tools{display:none}.main-enter-active[data-v-4ab507c4]{transition:.2s}.main-leave-active[data-v-4ab507c4]{transition:.15s}.main-enter-from[data-v-4ab507c4]{opacity:0;margin-left:-20px}.main-leave-to[data-v-4ab507c4]{opacity:0;margin-left:20px}