2 lines
2.7 KiB
CSS
2 lines
2.7 KiB
CSS
body{height:100%;margin:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;background:gray}label{font-weight:700}html{height:100%;box-sizing:border-box}#app{height:100%}*,*:before,*:after{box-sizing:inherit}h1[data-v-5d4ddea2]{color:#333;text-align:center;margin-bottom:20px}.app-container[data-v-5d4ddea2]{height:100vh;overflow:hidden}.app-container .app-sidebar[data-v-5d4ddea2]{position:fixed;left:0;top:0;bottom:0;width:200px;z-index:1000;overflow-y:auto;box-shadow:2px 0 6px #0000001a;background-color:#4d4f52}.app-container .app-sidebar .sidebar-content[data-v-5d4ddea2]{overflow-y:auto}.app-container .app-container-right[data-v-5d4ddea2]{min-height:100vh;margin-left:200px;flex-direction:column}.app-container .app-container-right .app-header[data-v-5d4ddea2]{height:60px;background:#fff;border-bottom:1px solid #e6e6e6;box-shadow:0 1px 4px #0000001a}.app-container .app-container-right .app-main[data-v-5d4ddea2]{height:calc(100vh - 70px);flex:1;padding:20px;background:#f0f2f5}.sidebar-logo[data-v-5d4ddea2]{display:flex;align-items:center;padding:20px 0;text-align:center;background:transparent;position:relative;z-index:1;cursor:pointer}.sidebar-logo .logo[data-v-5d4ddea2]{width:50px;height:50px;margin-bottom:10px;filter:drop-shadow(0 0 2px rgba(255,255,255,.5))}.sidebar-logo .system-name[data-v-5d4ddea2]{color:#ffffffe6;margin:0;font-size:15px;font-weight:500;letter-spacing:1px;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.el-menu-vertical-demo[data-v-5d4ddea2]{flex:1;background-color:#4d4f52}[data-v-5d4ddea2] .el-menu-vertical-demo .el-menu-item,[data-v-5d4ddea2] .el-menu-vertical-demo .el-sub-menu{color:#fff;background-color:#4d4f52}[data-v-5d4ddea2] .el-menu-vertical-demo .el-sub-menu__title{color:#fff}[data-v-5d4ddea2] .el-menu-vertical-demo .el-menu-item:hover,[data-v-5d4ddea2] .el-menu-vertical-demo .el-sub-menu__title:hover{background-color:#1f2d3d}[data-v-5d4ddea2] .el-menu-vertical-demo .el-menu-item.is-active,[data-v-5d4ddea2] .el-menu-vertical-demo .el-sub-menu__title.is-active{background-color:#20b2aa;color:#fff}[data-v-5d4ddea2] .el-menu-vertical-demo .el-sub-menu__title i,[data-v-5d4ddea2] .el-menu-vertical-demo .el-menu-item i{margin-right:10px}.avatar-container[data-v-5d4ddea2]{height:50px;overflow:hidden;position:relative;float:right;background:#fff;box-shadow:0 1px 4px #00152914;margin-right:40px}.avatar-container .avatar-wrapper[data-v-5d4ddea2]{margin-top:5px;position:relative;align-items:center;cursor:pointer}.avatar-container .avatar-wrapper i[data-v-5d4ddea2]{cursor:pointer;position:absolute;right:-20px;top:25px;font-size:12px}
|