2 lines
2.2 KiB
CSS
2 lines
2.2 KiB
CSS
.lightapp-wrap{height:calc(100% - var(--headerH));overflow:hidden}.lightapp-wrap .left-box{width:180px;float:left;height:100%;border-right:1px solid #ccc}.lightapp-wrap .left-box h3{font-weight:400;margin:0;padding:10px 0 10px 20px;font-size:28px;height:50px;line-height:50px;letter-spacing:2px;box-sizing:content-box}.lightapp-wrap .left-box .group-ul{width:100%}.lightapp-wrap .left-box .group-ul li{padding-left:30px;text-align:left;height:38px;line-height:38px;border-radius:5px;margin:0 10px;transition:all .3s ease-in-out;cursor:pointer;-webkit-user-select:none;user-select:none}.lightapp-wrap .left-box .group-ul li:hover{background-color:#f1f6ff}.lightapp-wrap .left-box .group-ul li.active{background-color:#f9f9f9}.lightapp-wrap .left-box .group-ul li.active{padding-left:40px}.lightapp-wrap .right-box{margin-left:180px;padding:0 20px;height:100%}.lightapp-wrap .right-box h4.title{font-size:20px;height:50px;font-weight:400;border-bottom:1px solid #ccc;display:flex;justify-content:space-between;align-items:center}.lightapp-wrap .right-box .app-main-box{height:calc(100% - 50px);padding:20px 0}.lightapp-wrap .right-box ul.app-ul li{cursor:pointer;text-align:center;float:left;margin:0 20px 20px 0;width:140px;height:200px;background:#fff;border:1px solid #ddd;position:relative;transition:.16s all;border-radius:4px;box-shadow:0 1px 2px #0000001a}.lightapp-wrap .right-box ul.app-ul li:hover{box-shadow:0 10px 50px #0000001a,0 20px 30px #0000000d}.lightapp-wrap .right-box ul.app-ul li .app-box{width:90%;margin:15px auto 0;display:flex;flex-direction:column;align-items:center;font-size:13px}.lightapp-wrap .right-box ul.app-ul li .app-box img{width:60px;height:60px;object-fit:cover;border-radius:18%;display:inline-block}.lightapp-wrap .right-box ul.app-ul li .app-box .app-name,.lightapp-wrap .right-box ul.app-ul li .app-box .app-desc{margin-top:8px;line-height:16px;height:32px;display:flex;align-items:center}.lightapp-wrap .right-box ul.app-ul li .app-box .app-desc{margin:5px 0 8px;color:#aaa}.lightapp-wrap .right-box ul.app-ul li .operate-box{position:absolute;right:0;top:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:3px}.lightapp-wrap .right-box ul.app-ul li .operate-box:hover{background-color:#f2f2f2}
|