index-89cbc8a2.css 8.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-v-16ee68f9] .el-drawer__header{margin-bottom:initial;padding-bottom:20px;border-bottom:1px solid var(--el-border-color);transition:var(--el-transition-border)}[data-v-16ee68f9] .el-drawer__footer{padding:20px;border-top:1px solid var(--el-border-color);transition:var(--el-transition-border)}[data-v-16ee68f9] .el-drawer__footer .el-button{width:100%}[data-v-16ee68f9] .el-divider{margin:36px 0 24px;transition:var(--el-transition-border)}[data-v-16ee68f9] .el-divider .el-divider__text{transition:background-color .3s,var(--el-transition-color)}.menu-mode[data-v-16ee68f9]{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding-bottom:10px}.menu-mode .mode[data-v-16ee68f9]{position:relative;width:80px;height:55px;margin:10px;border-radius:5px;overflow:hidden;cursor:pointer;background-color:var(--g-app-bg);box-shadow:0 0 5px 1px var(--el-border-color-lighter);transition:.2s}.menu-mode .mode[data-v-16ee68f9]:hover{box-shadow:0 0 5px 1px var(--el-border-color-darker)}.menu-mode .mode.active[data-v-16ee68f9]{box-shadow:0 0 0 2px var(--el-color-primary)}.menu-mode .mode[data-v-16ee68f9]:before,.menu-mode .mode[data-v-16ee68f9]:after,.menu-mode .mode .mode-container[data-v-16ee68f9]{pointer-events:none;position:absolute;border-radius:3px}.menu-mode .mode .mode-container[data-v-16ee68f9]:before{content:"";position:absolute;width:100%;height:100%;background-color:var(--g-theme-color);opacity:.2}.menu-mode .mode-side[data-v-16ee68f9]:before{content:"";top:5px;left:5px;bottom:5px;width:10px;background-color:var(--g-theme-color)}.menu-mode .mode-side[data-v-16ee68f9]:after{content:"";top:5px;left:20px;bottom:5px;width:15px;background-color:var(--g-theme-color);opacity:.5}.menu-mode .mode-side .mode-container[data-v-16ee68f9]{top:5px;left:40px;right:5px;bottom:5px;border:1px dashed var(--g-theme-color)}.menu-mode .mode-head[data-v-16ee68f9]:before{content:"";top:5px;left:5px;right:5px;height:10px;background-color:var(--g-theme-color)}.menu-mode .mode-head[data-v-16ee68f9]:after{content:"";top:20px;left:5px;bottom:5px;width:15px;background-color:var(--g-theme-color);opacity:.5}.menu-mode .mode-head .mode-container[data-v-16ee68f9]{top:20px;left:25px;right:5px;bottom:5px;border:1px dashed var(--g-theme-color)}.menu-mode .mode-single[data-v-16ee68f9]:before{content:"";position:absolute;top:5px;left:5px;bottom:5px;width:15px;background-color:var(--g-theme-color);opacity:.5}.menu-mode .mode-single .mode-container[data-v-16ee68f9]{top:5px;left:25px;right:5px;bottom:5px;border:1px dashed var(--g-theme-color)}.menu-mode .mode-only-side[data-v-16ee68f9]:before{content:"";top:5px;left:5px;bottom:5px;width:10px;background-color:var(--g-theme-color)}.menu-mode .mode-only-side .mode-container[data-v-16ee68f9]{top:5px;left:20px;right:5px;bottom:5px;border:1px dashed var(--g-theme-color)}.menu-mode .mode-only-head[data-v-16ee68f9]:before{content:"";top:5px;left:5px;right:5px;height:10px;background-color:var(--g-theme-color)}.menu-mode .mode-only-head .mode-container[data-v-16ee68f9]{top:20px;left:5px;right:5px;bottom:5px;border:1px dashed var(--g-theme-color)}.menu-mode .mode .el-icon[data-v-16ee68f9]{position:absolute;right:10px;bottom:10px;display:none}.menu-mode .mode.active .el-icon[data-v-16ee68f9]{display:block;color:var(--el-color-primary)}.app-width-mode[data-v-16ee68f9]{display:flex;align-items:center;justify-content:space-around;padding-bottom:10px}.app-width-mode .mode[data-v-16ee68f9]{position:relative;width:65px;height:50px;border-radius:4px;overflow:hidden;cursor:pointer;color:var(--el-text-color-primary);background-color:var(--el-fill-color-darker);box-shadow:0 0 5px 1px var(--el-border-color-lighter);transition:background-color .3s,var(--el-transition-color),var(--el-transition-box-shadow)}.app-width-mode .mode[data-v-16ee68f9]:hover{box-shadow:0 0 5px 1px var(--el-border-color-darker)}.app-width-mode .mode.active[data-v-16ee68f9]{box-shadow:0 0 0 2px var(--el-color-primary)}.app-width-mode .mode-adaption .left[data-v-16ee68f9],.app-width-mode .mode-adaption .right[data-v-16ee68f9]{position:absolute;top:50%;margin-top:-8px}.app-width-mode .mode-adaption .left[data-v-16ee68f9]{left:5px}.app-width-mode .mode-adaption .right[data-v-16ee68f9]{right:5px}.app-width-mode .mode-adaption-min-width[data-v-16ee68f9]{background:var(--el-bg-color)}.app-width-mode .mode-adaption-min-width[data-v-16ee68f9]:before{content:"";position:absolute;left:50%;margin-left:-15px;height:100%;width:30px;background-color:var(--el-fill-color-darker);transition:background-color .3s}.app-width-mode .mode-adaption-min-width .left[data-v-16ee68f9],.app-width-mode .mode-adaption-min-width .right[data-v-16ee68f9]{position:absolute;top:50%;margin-top:-8px}.app-width-mode .mode-adaption-min-width .left[data-v-16ee68f9]{left:0}.app-width-mode .mode-adaption-min-width .right[data-v-16ee68f9]{right:0}.app-width-mode .mode-center[data-v-16ee68f9]{background:var(--el-bg-color)}.app-width-mode .mode-center[data-v-16ee68f9]:before{content:"";position:absolute;left:50%;margin-left:-20px;height:100%;width:40px;background-color:var(--el-fill-color-darker);transition:background-color .3s}.app-width-mode .mode-center-max-width[data-v-16ee68f9]{background:var(--el-bg-color)}.app-width-mode .mode-center-max-width[data-v-16ee68f9]:before{content:"";position:absolute;left:50%;margin-left:-20px;height:100%;width:40px;background-color:var(--el-fill-color-darker);transition:background-color .3s}.app-width-mode .mode-center-max-width .left[data-v-16ee68f9],.app-width-mode .mode-center-max-width .right[data-v-16ee68f9]{position:absolute;top:50%;margin-top:-8px}.app-width-mode .mode-center-max-width .left[data-v-16ee68f9]{left:13px}.app-width-mode .mode-center-max-width .right[data-v-16ee68f9]{right:13px}.app-width-mode .mode .active-icon[data-v-16ee68f9]{position:absolute;right:2px;bottom:2px;display:none}.app-width-mode .mode.active .active-icon[data-v-16ee68f9]{display:block;color:var(--el-color-primary)}.menu-style[data-v-16ee68f9]{display:flex;align-items:center;justify-content:space-around;padding-bottom:10px}.color-scheme[data-v-16ee68f9]{display:flex;align-items:center;justify-content:center;padding-bottom:10px}.color-scheme .switch[data-v-16ee68f9]{width:50px;height:30px;border-radius:15px;cursor:pointer;background-color:var(--el-fill-color-darker);transition:background-color .3s}.color-scheme .switch.dark .icon[data-v-16ee68f9]{transform:translate(20px)}.color-scheme .switch .icon[data-v-16ee68f9]{margin:3px;padding:5px;font-size:24px;border-radius:50%;background-color:var(--el-fill-color-lighter);transition:transform .3s,background-color .3s}.theme[data-v-16ee68f9]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around;padding-bottom:10px}.theme [data-theme][data-v-16ee68f9]{display:flex;align-items:center;justify-content:center;width:80px;height:50px;margin:10px;cursor:pointer;border-radius:5px;box-shadow:0 0 5px 1px var(--el-border-color-lighter);transition:.2s}.theme [data-theme][data-v-16ee68f9]:hover{box-shadow:0 0 5px 1px var(--el-border-color-darker)}.theme [data-theme].active[data-v-16ee68f9]{box-shadow:0 0 0 2px var(--el-color-primary)}.theme [data-theme].active .content[data-v-16ee68f9]{transform:rotate(0)}.theme [data-theme] .content[data-v-16ee68f9]{width:30px;height:16px;border-radius:50%;background-color:var(--g-theme-color);transform:rotate(-45deg);transition:var(--el-transition-md-fade),background-color .3s}.setting-item[data-v-16ee68f9]{display:flex;align-items:center;justify-content:space-between;margin:5px 0;padding:5px 10px;border-radius:5px;transition:all .3s}.setting-item[data-v-16ee68f9]:hover{background:var(--el-fill-color)}.setting-item .label[data-v-16ee68f9]{font-size:14px;color:var(--el-text-color-regular);display:flex;align-items:center}.setting-item .label .el-icon[data-v-16ee68f9]{margin-left:4px;font-size:17px;color:var(--el-color-warning);cursor:help}.setting-item .el-switch[data-v-16ee68f9]{height:auto}.setting-item .el-input[data-v-16ee68f9]{width:150px}