2 lines
3.2 KiB
CSS
2 lines
3.2 KiB
CSS
|
.main-layout[data-v-856c9785]{width:100%;height:100vh}.header[data-v-856c9785]{background:linear-gradient(135deg,#165dff,#1a75ff);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:60px;box-shadow:0 2px 8px #0000001a}.left-header[data-v-856c9785]{display:flex;align-items:center;gap:30px}.logo[data-v-856c9785]{display:flex;align-items:center;gap:10px}.logo-img[data-v-856c9785]{height:40px;width:auto;border-radius:4px}.logo-text[data-v-856c9785]{font-size:18px;font-weight:600;color:#fff;letter-spacing:1px}.top-nav[data-v-856c9785]{display:flex;gap:10px}.nav-item[data-v-856c9785]{display:flex;align-items:center;gap:6px;padding:0 16px;height:100%;cursor:pointer;transition:all .3s ease;color:#fffc;font-size:14px;font-weight:500;border-radius:6px;position:relative}.nav-item[data-v-856c9785]:hover{background-color:#fff3;color:#fff;transform:translateY(-2px)}.nav-item.active[data-v-856c9785]{background-color:#ffffff40;color:#fff;box-shadow:0 4px 12px #00000026}.logo[data-v-856c9785]{font-size:18px;font-weight:700;display:flex;align-items:center;gap:10px}.logo-img[data-v-856c9785]{height:50px;width:auto}.user-name[data-v-856c9785]{cursor:pointer;display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;transition:all .3s ease;background-color:#ffffff26;font-size:14px;font-weight:500;color:#fff}.user-name[data-v-856c9785]:hover{background-color:#ffffff40;transform:translateY(-1px)}.user-info[data-v-856c9785]{position:relative}.sidebar[data-v-856c9785]{background:#0a42b0;border-right:1px solid rgba(22,93,255,.3);height:calc(100vh - 60px);box-shadow:2px 0 8px #0000001a}.sidebar-menu[data-v-856c9785]{border-right:none}[data-v-856c9785] .el-scrollbar__wrap{overflow-x:hidden}[data-v-856c9785] .el-scrollbar__thumb{background-color:#c0c4cc;border-radius:4px;opacity:.3;transition:opacity .3s}[data-v-856c9785] .el-scrollbar__thumb:hover{opacity:.6}[data-v-856c9785] .el-menu{padding:10px 0;background:transparent}[data-v-856c9785] .el-menu-item,[data-v-856c9785] .el-sub-menu__title{height:48px;line-height:48px;margin:2px 10px;border-radius:8px;transition:all .3s ease;color:#ffffffe6;position:relative;overflow:hidden}[data-v-856c9785] .el-menu-item.is-active{background-color:#ffffff40;color:#fff;font-weight:600;box-shadow:0 4px 12px #00000026;border-left:4px solid #fff}[data-v-856c9785] .el-sub-menu.is-active>.el-sub-menu__title{color:#fff;background-color:#ffffff1a}[data-v-856c9785] .el-menu-item:hover,[data-v-856c9785] .el-sub-menu__title:hover{background-color:#fff3;color:#fff;transform:translate(4px)}[data-v-856c9785] .el-sub-menu .el-menu-item{padding-left:40px!important;color:#ffffffe6}[data-v-856c9785] .el-sub-menu .el-sub-menu .el-menu-item{padding-left:60px!important;color:#ffffffe6}[data-v-856c9785] .el-sub-menu .el-sub-menu .el-menu-item{padding-left:60px!important}.main-content[data-v-856c9785]{background:#f5f7fa;padding:20px;height:calc(100vh - 60px);overflow-y:auto}.main-content[data-v-856c9785]::-webkit-scrollbar{width:6px}.main-content[data-v-856c9785]::-webkit-scrollbar-track{background:transparent}.main-content[data-v-856c9785]::-webkit-scrollbar-thumb{background:#c0c4cc;border-radius:3px}.main-content[data-v-856c9785]::-webkit-scrollbar-thumb:hover{background:#909399}
|