mirror of
https://gitee.com/chu1204505056/vue-admin-beautiful.git
synced 2025-06-18 22:29:14 +08:00
6 lines
11 KiB
CSS
6 lines
11 KiB
CSS
/*!
|
|
* build: vue-admin-better
|
|
* vue-admin-beautiful.com
|
|
* https://gitee.com/chu1204505056/vue-admin-better
|
|
* time: 2022-2-26 00:26:40
|
|
*/@media only screen and (max-width:767px){.hidden-xs-only{display:none!important}}@media only screen and (min-width:768px){.hidden-sm-and-up{display:none!important}}@media only screen and (min-width:768px) and (max-width:991px){.hidden-sm-only{display:none!important}}@media only screen and (max-width:991px){.hidden-sm-and-down{display:none!important}}@media only screen and (min-width:992px){.hidden-md-and-up{display:none!important}}@media only screen and (min-width:992px) and (max-width:1199px){.hidden-md-only{display:none!important}}@media only screen and (max-width:1199px){.hidden-md-and-down{display:none!important}}@media only screen and (min-width:1200px){.hidden-lg-and-up{display:none!important}}@media only screen and (min-width:1200px) and (max-width:1919px){.hidden-lg-only{display:none!important}}@media only screen and (max-width:1919px){.hidden-lg-and-down{display:none!important}}@media only screen and (min-width:1920px){.hidden-xl-only{display:none!important}}#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:2px solid transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}[data-v-5cee6243]:export{menu-color:hsla(0,0%,100%,.95);menu-color-active:hsla(0,0%,100%,.95);menu-background:#282c34}.svg-icon[data-v-5cee6243]{width:1em;height:1em;overflow:hidden;vertical-align:-.15em;fill:currentColor}.svg-icon[data-v-5cee6243]:hover{opacity:.8}.svg-external-icon[data-v-5cee6243]{display:inline-block}[data-v-43fd2ce6]:export{menu-color:hsla(0,0%,100%,.95);menu-color-active:hsla(0,0%,100%,.95);menu-background:#282c34}[data-v-43fd2ce6] .el-badge .el-button{display:flex;align-items:center;justify-items:center;height:28px}[data-v-03f453a4]:export{menu-color:hsla(0,0%,100%,.95);menu-color-active:hsla(0,0%,100%,.95);menu-background:#282c34}.github-corner[data-v-03f453a4]{position:absolute;top:0;right:0;z-index:996}.github-corner .octo-arm[data-v-03f453a4],.github-corner:hover .octo-arm[data-v-03f453a4]{-webkit-animation:octocat-wave-data-v-03f453a4 .56s ease-in-out infinite;animation:octocat-wave-data-v-03f453a4 .56s ease-in-out infinite}.github-corner .github-color[data-v-03f453a4]{color:#fff;fill:#5470c6}@-webkit-keyframes octocat-wave-data-v-03f453a4{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(100deg)}}@keyframes octocat-wave-data-v-03f453a4{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(100deg)}}[data-v-5b033346]:export{menu-color:hsla(0,0%,100%,.95);menu-color-active:hsla(0,0%,100%,.95);menu-background:#282c34}.vab-query-form[data-v-5b033346]{margin-bottom:10px}.vab-query-form[data-v-5b033346] .bottom-panel,.vab-query-form[data-v-5b033346] .top-panel{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start}.vab-query-form[data-v-5b033346] .bottom-panel{padding-top:14px;border-top:1px solid #dcdfe6}.vab-query-form[data-v-5b033346] .left-panel{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start}.vab-query-form[data-v-5b033346] .left-panel .el-form-item,.vab-query-form[data-v-5b033346] .left-panel>.el-button{margin:5px}.vab-query-form[data-v-5b033346] .right-panel{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;justify-content:flex-end}.vab-query-form[data-v-5b033346] .right-panel .el-form-item{margin:5px}[data-v-7a82d8d6]:export{menu-color:hsla(0,0%,100%,.95);menu-color-active:hsla(0,0%,100%,.95);menu-background:#282c34}.svg-icon[data-v-7a82d8d6]{width:1.125em;height:1.125em;overflow:hidden;fill:currentColor}.svg-icon[data-v-7a82d8d6]:hover{opacity:.8}.svg-external-icon[data-v-7a82d8d6]{display:inline-block;background-color:currentColor;-webkit-mask-size:cover!important;mask-size:cover!important}[data-v-68fdbff4]:export{menu-color:hsla(0,0%,100%,.95);menu-color-active:hsla(0,0%,100%,.95);menu-background:#282c34}.vab-nav-icon[data-v-68fdbff4]{margin-right:4px}[data-v-68fdbff4] .el-tag{float:right;height:16px;padding-right:4px;padding-left:4px;margin-top:17px;line-height:16px;border:0}[data-v-456d1c23]:export{menu-color:hsla(0,0%,100%,.95);menu-color-active:hsla(0,0%,100%,.95);menu-background:#282c34}.side-bar-container[data-v-456d1c23]{position:fixed;top:0;bottom:0;left:0;z-index:999;width:256px;height:100vh;overflow:hidden;background:#282c34;box-shadow:2px 0 6px rgba(0,21,41,.35);transition:width .3s}.side-bar-container.is-collapse[data-v-456d1c23]{width:65px;border-right:0}.side-bar-container.is-collapse[data-v-456d1c23] .el-menu{transition:width .3s}.side-bar-container.is-collapse[data-v-456d1c23] .el-menu--collapse{border-right:0}.side-bar-container.is-collapse[data-v-456d1c23] .el-menu--collapse .el-submenu__icon-arrow{right:10px;margin-top:-3px}.side-bar-container[data-v-456d1c23] .el-scrollbar__wrap{overflow-x:hidden}.side-bar-container[data-v-456d1c23] .el-menu{border:0}.side-bar-container[data-v-456d1c23] .el-menu .vab-fas-icon{padding-right:3px;font-size:14px}.side-bar-container[data-v-456d1c23] .el-menu .vab-remix-icon{padding-right:3px;font-size:16px}.side-bar-container[data-v-456d1c23] .el-menu-item,.side-bar-container[data-v-456d1c23] .el-submenu__title{height:50px;overflow:hidden;line-height:50px;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.side-bar-container[data-v-456d1c23] .el-menu-item.is-active,.side-bar-container[data-v-456d1c23] .el-menu-item:hover{color:#fff;background-color:#5470c6!important}[data-v-598eedcc]:export{menu-color:hsla(0,0%,100%,.95);menu-color-active:hsla(0,0%,100%,.95);menu-background:#282c34}.tabs-bar-container[data-v-598eedcc]{position:relative;box-sizing:border-box;display:flex;align-content:center;align-items:center;justify-content:space-between;height:55px;padding-right:20px;padding-left:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#fff;border-top:1px solid #f6f6f6}.tabs-bar-container[data-v-598eedcc] .fold-unfold{margin-right:20px}.tabs-bar-container .tabs-content[data-v-598eedcc]{width:calc(100% - 90px);height:34px}.tabs-bar-container .tabs-content[data-v-598eedcc] .el-tabs__nav-next,.tabs-bar-container .tabs-content[data-v-598eedcc] .el-tabs__nav-prev{height:34px;line-height:34px}.tabs-bar-container .tabs-content[data-v-598eedcc] .el-tabs__header{border-bottom:0}.tabs-bar-container .tabs-content[data-v-598eedcc] .el-tabs__header .el-tabs__nav{border:0}.tabs-bar-container .tabs-content[data-v-598eedcc] .el-tabs__header .el-tabs__item{box-sizing:border-box;height:34px;margin-right:5px;line-height:34px;border:1px solid #dcdfe6;border-radius:4px;transition:padding .3s cubic-bezier(.645,.045,.355,1)!important}.tabs-bar-container .tabs-content[data-v-598eedcc] .el-tabs__header .el-tabs__item.is-active{border:1px solid #5470c6}.tabs-bar-container .more[data-v-598eedcc]{display:flex;align-content:center;align-items:center;cursor:pointer}[data-v-23f9ef70]:export{menu-color:hsla(0,0%,100%,.95);menu-color-active:hsla(0,0%,100%,.95);menu-background:#282c34}.top-bar-container[data-v-23f9ef70]{display:flex;align-items:center;justify-items:flex-end;height:65px;background:#282c34}.top-bar-container .vab-main[data-v-23f9ef70]{background:#282c34}.top-bar-container .vab-main[data-v-23f9ef70] .el-menu.el-menu--horizontal{display:flex;align-items:center;justify-content:flex-end;height:65px;border-bottom:0 solid transparent!important}.top-bar-container .vab-main[data-v-23f9ef70] .el-menu.el-menu--horizontal .el-menu-item,.top-bar-container .vab-main[data-v-23f9ef70] .el-menu.el-menu--horizontal .el-submenu__title{padding:0 15px}@media only screen and (max-width:767px){.top-bar-container .vab-main[data-v-23f9ef70] .el-menu.el-menu--horizontal .el-menu-item,.top-bar-container .vab-main[data-v-23f9ef70] .el-menu.el-menu--horizontal .el-submenu__title{padding:0 8px}.top-bar-container .vab-main[data-v-23f9ef70] .el-menu.el-menu--horizontal li:nth-child(4),.top-bar-container .vab-main[data-v-23f9ef70] .el-menu.el-menu--horizontal li:nth-child(5){display:none!important}}.top-bar-container .vab-main[data-v-23f9ef70] .el-menu.el-menu--horizontal>.el-menu-item,.top-bar-container .vab-main[data-v-23f9ef70] .el-menu.el-menu--horizontal>.el-submenu .el-submenu__title{height:65px;line-height:65px}.top-bar-container .vab-main[data-v-23f9ef70] .el-menu svg{width:1rem;margin-right:3px}.top-bar-container .vab-main[data-v-23f9ef70] .el-menu--horizontal .el-menu .el-menu-item,.top-bar-container .vab-main[data-v-23f9ef70] .el-menu--horizontal .el-menu .el-submenu__title{height:50px;line-height:50px}.top-bar-container .vab-main[data-v-23f9ef70] .el-menu--horizontal .el-menu-item.is-active,.top-bar-container .vab-main[data-v-23f9ef70] .el-menu--horizontal .el-submenu.is-active{background-color:#5470c6!important;border-bottom:0 solid transparent!important}.top-bar-container .vab-main[data-v-23f9ef70] .el-menu--horizontal .el-menu-item.is-active .el-submenu__title,.top-bar-container .vab-main[data-v-23f9ef70] .el-menu--horizontal .el-submenu.is-active .el-submenu__title{border-bottom:0 solid transparent!important}.top-bar-container .vab-main[data-v-23f9ef70] .el-menu--horizontal>.el-menu-item .el-tag{margin-top:25px;margin-left:5px}@media only screen and (max-width:1199px){.top-bar-container .vab-main[data-v-23f9ef70] .el-menu--horizontal>.el-menu-item .el-tag{display:none}}.top-bar-container .vab-main[data-v-23f9ef70] .el-menu--horizontal>.el-menu-item.is-active{background-color:transparent!important;border-bottom:3px solid #5470c6!important}.top-bar-container .right-panel[data-v-23f9ef70]{display:flex;align-items:center;justify-content:flex-end;height:65px}.top-bar-container .right-panel[data-v-23f9ef70] .user-name,.top-bar-container .right-panel[data-v-23f9ef70] .user-name+i{color:hsla(0,0%,100%,.9)}.top-bar-container .right-panel[data-v-23f9ef70] svg{width:1em;height:1em;margin-right:15px;font-size:16px;color:hsla(0,0%,100%,.9);cursor:pointer;fill:hsla(0,0%,100%,.9)}.top-bar-container .right-panel[data-v-23f9ef70] button svg{margin-right:0;color:hsla(0,0%,100%,.9);cursor:pointer;fill:hsla(0,0%,100%,.9)}.top-bar-container .right-panel[data-v-23f9ef70] .el-badge{margin-right:15px} |