boyue_jnpf/boyue-web-vue3/jnpf-web-datascreen-vue3/data-web/assets/index-30af8b3e.css

.nav-main[data-v-5757d3da]{display:flex;flex-direction:column;flex:1;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;cursor:pointer}.nav-item[data-v-5757d3da]{position:relative;height:40px;display:flex;flex-shrink:0;margin:5px 8px;line-height:40px;align-items:center;cursor:pointer;border-radius:3px;color:#dadadb;font-size:14px}.nav-item[data-v-5757d3da]:hover{color:var(--primary-color);background-color:#223442}.nav-item.is-active[data-v-5757d3da]{color:var(--primary-color);background-color:#223442;font-size:15px}.nav-item.is-active[data-v-5757d3da]:after{content:"";position:absolute;top:50%;left:0;width:3px;height:50%;border-radius:6px;transform:translateY(-50%);background-color:var(--primary-color)}.nav-icon[data-v-5757d3da]{margin-left:15px;margin-right:4px}.logo{padding:25px 10px}.logo img{width:100%}:root{--primary-color: #2681ff;--info-color: #00baff;--info-text-color: #8eeeff;--text-color: #d8d8d8;--bg-color: #1d262e;--border-color: #3a4659}.list{height:100%}.list .menu{padding-top:40px}.list .menu li{padding-left:40px;position:relative;height:50px;line-height:40px;display:flex;font-size:14px;align-items:center;cursor:pointer;color:#fff}.list .menu li:hover{color:var(--primary-color)}.list .menu li i{margin-right:10px}.list .menu li.is-active{background-image:linear-gradient(-90deg,rgba(0,186,255,.19) 0,rgba(38,129,255,.89) 100%);background-repeat:round}.list .menu li.is-active:hover{color:#fff}.list .el-menu{border-right:none}.list .el-menu.el-menu--horizontal{border-color:var(--bg-color);border-width:2px}.list .el-menu i{margin-right:5px}.list .content{display:flex;flex-wrap:wrap;overflow-x:hidden}.list .content__header{padding:30px 15px 20px;box-sizing:border-box;width:100%;height:auto!important;border-bottom:1px solid #2d2d2d;background-color:#18181c}.list .content__box{width:100%}.list .content__nav{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:10px}.list .content__add{margin-right:12px;padding-left:20px;width:250px;height:70px;box-sizing:border-box;vertical-align:middle;border:1px solid var(--border-color);border-radius:2px;display:flex;align-items:center;justify-content:flex-start;position:relative;cursor:pointer;background-color:#1f262d}.list .content__add:hover{border-color:var(--primary-color)}.list .content__add:hover img{transform:scale(1.1)}.list .content__add img{margin-right:10px}.list .content__add p{color:#d9d9d9;font-size:16px;font-weight:700}.list .content__add span{font-size:12px;color:#8d8d8f}.list .content__page{padding-right:10px;display:flex;align-items:flex-end}.list .content__empty svg{width:200px;height:200px}.list .content__item{display:inline-block;position:relative;margin-right:20px;margin-bottom:20px;width:270px;box-sizing:border-box;overflow:hidden;border-radius:5px;border:1px solid var(--border-color)}.list .content__item:hover{box-shadow:0 0 20px #000;border:1px solid var(--info-color)}.list .content__main{font-size:14px;width:100%;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;background:#1c232c;box-sizing:border-box;color:var(--text-color);font-weight:700;border-top:0}.list .content__main a{color:#bcc9d4}.list .content__main i{margin-right:1px}.list .content__view{margin-right:2px}.list .content__menulist{display:flex}.list .content__menulist i{margin-right:10px}.list .content__start{display:flex}.list .content__start .content__btn{padding:0;margin:0 5px;width:40px;height:30px;line-height:30px;border-radius:5px;opacity:.8}.list .content__start .content__btn i{font-weight:700}.list .content__status{display:flex;align-items:center}.list .content__status .icon{margin-right:5px;display:inline-block;width:8px;height:8px;border-radius:100%;background-color:var(--text-color)}.list .content__status.is-active .icon{background-color:var(--primary-color)}.list .content__name{width:100px;padding:0 5px;line-height:28px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#fff;border:1px solid transparent}.list .content__logo{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center}.list .content__logo p{font-size:18px;background-image:linear-gradient(120deg,#54b6d0 16%,#3f8bdb,#3f8bdb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.list .content__logo img{width:100px!important;height:auto!important}.list .content__logo span{display:block;box-sizing:border-box;padding:0 30px;line-height:30px;color:#fff;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.list .content__info{background-color:#20262c;position:relative;height:150px}.list .content__menu{position:absolute;top:0;left:0;background-color:#0003;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.list .content__list{margin-top:15px}.list .content__list i{cursor:pointer;margin:0 5px;color:#fff;font-size:20px}.list .content__right{position:absolute;top:5px;right:10px}.list .content__right i{cursor:pointer;margin:5px;color:#fff;font-size:16px}.list .content__btn{margin:5px 0;display:inline-block;vertical-align:middle;height:34px;line-height:34px;padding:0 40px;box-sizing:border-box;outline:0;text-align:center;font-size:14px;font-weight:700;background-image:linear-gradient(-225deg,var(--primary-color) 0,var(--info-color) 100%);background-color:var(--primary-color);border-color:var(--info-color);color:#fff;border:none;transition:.3s ease;cursor:pointer}.list .content__info img{width:100%;height:100%;object-fit:cover}.list .content--active{box-shadow:0 0 20px #000;border:1px solid #00baff}.create-screen{display:flex}.create-screen .item{padding:10px 15px;margin:10px 20px 10px 0;background:#36373b;border-radius:5px;text-align:center;min-width:100px;border:1px solid #1e1e1f;cursor:pointer}.create-screen .item.is-active{border-color:#2681ff}.create-screen .item-icon{width:30px;height:30px}.create-screen .item-icon,.create-screen .item-title{color:#d6d6d7;font-weight:700}.create-screen .item-size{color:#989899;font-size:12px}.index{height:100%}.index>.left{position:relative;width:220px!important;height:100%;border-right:1px solid #2d2d2d;background:#18181c}.index>.main{padding:0}