2 lines
3.4 KiB
CSS
2 lines
3.4 KiB
CSS
.main-layout[data-v-0b684673]{width:100%;height:100vh}.header[data-v-0b684673]{background:linear-gradient(135deg,#081b41,#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-0b684673]{display:flex;align-items:center;gap:35px;padding-left:10px}.logo[data-v-0b684673]{display:flex;align-items:center;gap:10px}.logo-img[data-v-0b684673]{height:42px;width:auto;border-radius:6px;box-shadow:0 2px 4px #0000001a}.logo-text[data-v-0b684673]{font-size:18px;font-weight:700;color:#fff;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.top-nav[data-v-0b684673]{display:flex;gap:10px}.nav-item[data-v-0b684673]{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-0b684673]:hover{background-color:#fff3;color:#fff;transform:translateY(-2px)}.nav-item.active[data-v-0b684673]{background-color:#ffffff40;color:#fff;box-shadow:0 4px 12px #00000026}.nav-item.active[data-v-0b684673]{background-color:#ffffff26;color:#fff;box-shadow:0 2px 8px #0000001a}.logo[data-v-0b684673]{font-size:18px;font-weight:700;display:flex;align-items:center;gap:10px}.logo-img[data-v-0b684673]{height:50px;width:auto}.user-name[data-v-0b684673]{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-0b684673]:hover{background-color:#ffffff40;transform:translateY(-1px)}.user-info[data-v-0b684673]{position:relative}.sidebar[data-v-0b684673]{background:#081b41;border-right:1px solid rgba(22,93,255,.3);height:calc(100vh - 60px);box-shadow:2px 0 8px #0000001a}.sidebar-menu[data-v-0b684673]{border-right:none;background:transparent}[data-v-0b684673] .el-scrollbar__wrap{overflow-x:hidden}[data-v-0b684673] .el-scrollbar__thumb{background-color:#c0c4cc;border-radius:4px;opacity:.3;transition:opacity .3s}[data-v-0b684673] .el-scrollbar__thumb:hover{opacity:.6}[data-v-0b684673] .el-menu{padding:10px 0;border-right:none;background:transparent}[data-v-0b684673] .el-menu-item,[data-v-0b684673] .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-0b684673] .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-0b684673] .el-menu-item:hover,[data-v-0b684673] .el-sub-menu__title:hover{background-color:#fff3;color:#fff;transform:translate(4px)}[data-v-0b684673] .el-sub-menu .el-menu-item{padding-left:40px!important}[data-v-0b684673] .el-sub-menu .el-sub-menu .el-menu-item{padding-left:60px!important}[data-v-0b684673] .el-sub-menu__title:hover{background-color:#ffffff1a;color:#fff}[data-v-0b684673] .el-sub-menu.is-active>.el-sub-menu__title{color:#fff;background-color:#ffffff1a}.main-content[data-v-0b684673]{background:#f5f7fa;padding:20px;height:calc(100vh - 60px);overflow-y:auto}.main-content[data-v-0b684673]::-webkit-scrollbar{width:6px}.main-content[data-v-0b684673]::-webkit-scrollbar-track{background:transparent}.main-content[data-v-0b684673]::-webkit-scrollbar-thumb{background:#c0c4cc;border-radius:3px}.main-content[data-v-0b684673]::-webkit-scrollbar-thumb:hover{background:#909399}
|