mirror of
https://gitee.com/wujiawei1207537021/wu-lazy-cloud-network.git
synced 2026-02-04 15:05:54 +08:00
1 line
7.8 KiB
CSS
1 line
7.8 KiB
CSS
.ve_menu_logo[data-v-b8b629d2]{width:100%;height:50px;white-space:nowrap;overflow:hidden;display:flex;align-items:center;padding:0 10px}.ve_menu_logo .ve_logo[data-v-b8b629d2]{height:100%;display:flex;align-items:center;flex-shrink:0}.ve_menu_logo .ve_logo_img[data-v-b8b629d2]{height:30px;width:30px;display:flex;justify-content:center;align-items:center}.ve_menu_logo .current_zone[data-v-b8b629d2]{width:calc(100% - 80px);margin-left:10px}.ve_menu_logo .current_zone[data-v-b8b629d2] .el-input__wrapper{box-shadow:inset 0 0 0 1px #dcdfe6;border-radius:4px}.ve_menu_logo .current_zone[data-v-b8b629d2] .el-input__wrapper:hover{box-shadow:inset 0 0 0 1px #a8abb2}.ve_menu_logo .current_zone[data-v-b8b629d2] .el-input__wrapper.is-focus{box-shadow:inset 0 0 0 1px #7c5cff}.ve_menu_logo .current_zone[data-v-b8b629d2] .el-select .el-input .el-select__caret{color:#909399}.ve_menu_logo .current_zone[data-v-b8b629d2] .el-select-dropdown{border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.ve_menu_logo .current_zone[data-v-b8b629d2] .el-select-dropdown__item{padding:8px 12px;font-size:14px}.ve_menu_logo .current_zone[data-v-b8b629d2] .el-select-dropdown__item.selected{color:#7c5cff;font-weight:500}.ve_menu_logo .current_zone[data-v-b8b629d2] .el-select-dropdown__item:hover{background-color:#f5f7fa}.el-menu{font-family:Inter,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#93a0a8;font-size:14px}.el-menu-item,.el-sub-menu__title{border-radius:8px;margin:6px 8px;padding:8px 12px;transition:background .18s ease,color .18s ease;display:flex;align-items:center}.el-menu-item:hover,.el-sub-menu__title:hover{background:rgba(0,0,0,.04);color:#0f1720}.el-menu-item:hover .el-icon svg,.el-sub-menu__title:hover .el-icon svg{color:#0f1720}.el-menu-item.is-active,.el-sub-menu.is-active>.el-sub-menu__title{color:var(--accent,#7c5cff);background:rgba(124,92,255,.06)!important}.el-menu-item .el-icon svg,.el-sub-menu__title .el-icon svg{vertical-align:middle;width:18px;height:18px;margin-right:8px;color:#93a0a8}.el-menu-item.is-active .el-icon svg{color:var(--accent,#7c5cff)}.el-menu-item-text{color:inherit}.ve_slider_menu[data-v-6e3be609]{cursor:pointer;margin-right:10px}.ve_slider_menu i[data-v-6e3be609]{font-size:40px}.ve_slider_menu:hover i[data-v-6e3be609]{color:#7c5cff}.user-profile-container[data-v-07b61ff1]{padding:20px}.user-profile-container .profile-header[data-v-07b61ff1]{margin-bottom:20px}.user-profile-container .profile-header .profile-card .user-info[data-v-07b61ff1]{display:flex;align-items:center;gap:30px}.user-profile-container .profile-header .profile-card .user-info .user-details h2[data-v-07b61ff1]{margin:0 0 10px 0}.user-profile-container .profile-header .profile-card .user-info .user-details p[data-v-07b61ff1]{margin:5px 0;color:#666}.user-profile-container .profile-content .info-card .card-header[data-v-07b61ff1]{font-weight:700}.layout-container[data-v-3e4d3856]{height:100vh;width:100%;overflow:hidden;display:flex}.sidebar-container[data-v-3e4d3856]{background-color:#304156;transition:width .28s,transform .3s ease;box-shadow:2px 0 6px rgba(0,21,41,.35);position:relative;z-index:1001;overflow:hidden;flex-shrink:0;min-width:200px}.sidebar-container .sidebar-logo-container[data-v-3e4d3856]{position:relative;width:100%;height:50px;line-height:50px;background:#2b2f3a;text-align:center;overflow:hidden}.sidebar-container .sidebar-logo-container img[data-v-3e4d3856]{width:32px;height:32px;vertical-align:middle;margin-right:12px}.sidebar-container .sidebar-logo-container h1[data-v-3e4d3856]{display:inline-block;margin:0;color:#fff;font-weight:600;font-size:14px;font-family:Avenir,Helvetica Neue,Arial,Helvetica,sans-serif;vertical-align:middle}.sidebar-container .el-menu[data-v-3e4d3856]{border:none;height:calc(100% - 50px);width:100%!important}.main-container[data-v-3e4d3856]{flex:1;min-width:0;display:flex;flex-direction:column}.navbar[data-v-3e4d3856]{height:50px;overflow:hidden;position:relative;background:#fff;box-shadow:0 1px 4px rgba(0,21,41,.08);justify-content:space-between;padding:0 20px}.navbar .navbar-left[data-v-3e4d3856],.navbar .navbar-right[data-v-3e4d3856],.navbar[data-v-3e4d3856]{display:flex;align-items:center}.navbar .navbar-right .user-dropdown[data-v-3e4d3856]{margin-left:20px;cursor:pointer}.tags-view-container[data-v-3e4d3856]{height:34px;width:100%;background:#fff;border-bottom:1px solid #d8dce5;box-shadow:0 1px 3px 0 rgba(0,0,0,.12),0 0 3px 0 rgba(0,0,0,.04)}.tags-view-container .tags-view-wrapper[data-v-3e4d3856]{text-align:left}.tags-view-container .tags-view-wrapper .tags-view-item[data-v-3e4d3856]{justify-content:center;align-items:center;display:inline-block;position:relative;cursor:pointer;height:26px;line-height:26px;border:1px solid #d8dce5;color:#495060;background:#fff;padding:0 8px;font-size:12px;margin-left:5px;margin-top:4px}.tags-view-container .tags-view-wrapper .tags-view-item[data-v-3e4d3856]:first-of-type{margin-left:15px}.tags-view-container .tags-view-wrapper .tags-view-item[data-v-3e4d3856]:last-of-type{margin-right:15px}.tags-view-container .tags-view-wrapper .tags-view-item.active[data-v-3e4d3856]{background-color:#409eff;color:#fff;border-color:#409eff}.tags-view-container .tags-view-wrapper .tags-view-item.active[data-v-3e4d3856]:before{content:"";background:#fff;display:inline-block;width:8px;height:8px;border-radius:50%;position:relative;margin-right:2px}.tags-view-container .tags-view-wrapper .tags-view-item .el-icon-close[data-v-3e4d3856]{width:16px;height:16px;vertical-align:2px;border-radius:50%;text-align:center;transition:all .3s cubic-bezier(.645,.045,.355,1);transform-origin:100% 50%}.tags-view-container .tags-view-wrapper .tags-view-item .el-icon-close[data-v-3e4d3856]:before{transform:scale(.6);display:inline-block;vertical-align:-3px}.tags-view-container .tags-view-wrapper .tags-view-item .el-icon-close[data-v-3e4d3856]:hover{background-color:#b4bccc;color:#fff}.tags-view-container .contextmenu[data-v-3e4d3856]{margin:0;background:#fff;z-index:3000;position:absolute;list-style-type:none;padding:5px 0;border-radius:4px;font-size:12px;font-weight:400;color:#333;box-shadow:2px 2px 3px 0 rgba(0,0,0,.3)}.tags-view-container .contextmenu li[data-v-3e4d3856]{margin:0;padding:7px 16px;cursor:pointer}.tags-view-container .contextmenu li[data-v-3e4d3856]:hover{background:#eee}.app-main[data-v-3e4d3856]{padding:20px;background-color:#f0f2f5;height:calc(100vh - 84px);overflow:hidden;position:relative;border:1px solid #ccc;box-shadow:0 4px 8px rgba(0,0,0,.1);min-width:0;flex:1}.app-main .el-scrollbar[data-v-3e4d3856],.app-main .el-scrollbar[data-v-3e4d3856] .el-scrollbar__view{height:100%}.fade-transform-enter-active[data-v-3e4d3856],.fade-transform-leave-active[data-v-3e4d3856]{transition:all .5s}.fade-transform-enter-from[data-v-3e4d3856]{opacity:0;transform:translateX(-30px)}.fade-transform-leave-to[data-v-3e4d3856]{opacity:0;transform:translateX(30px)}@media screen and (max-width:768px){.sidebar-container[data-v-3e4d3856]{position:fixed;top:0;left:0;bottom:0;z-index:2000;transform:translateX(-100%)}.sidebar-container.show[data-v-3e4d3856]{transform:translateX(0)}.layout-container .el-container[data-v-3e4d3856]{margin-left:0!important}.navbar[data-v-3e4d3856]{padding:0 10px}.navbar .navbar-right .el-button-group[data-v-3e4d3856],.tags-view-container[data-v-3e4d3856]{display:none}.app-main[data-v-3e4d3856]{padding:10px;height:calc(100vh - 50px)}}@media screen and (max-width:1200px){.sidebar-container[data-v-3e4d3856]{width:200px!important;min-width:200px}.app-main[data-v-3e4d3856]{padding:15px;min-width:300px}.navbar[data-v-3e4d3856]{padding:0 15px}.navbar .navbar-right .el-button-group .el-button[data-v-3e4d3856]{margin-left:5px}}@media screen and (max-width:600px){.sidebar-container[data-v-3e4d3856]{width:180px!important;min-width:180px}.app-main[data-v-3e4d3856]{padding:10px;min-width:250px}.navbar[data-v-3e4d3856]{padding:0 10px}.navbar .navbar-right .user-dropdown[data-v-3e4d3856]{font-size:12px}} |