youzanyun-devtool-worker/static/react-ui/common-tool.css

- web - ws - proxy

.common-tool-menu{width:241px;height:100%;padding:8px;box-sizing:border-box;border-right:1px solid #ebedf0;background-color:#f7f8fa}.common-tool-menu .menu-item{height:58px;margin-bottom:8px;border:1px solid #ebedf0;background-color:#fff;display:flex;align-items:center;cursor:pointer;user-select:none}.common-tool-menu .menu-item .icon{padding:7px;box-sizing:border-box}.common-tool-menu .menu-item .title{flex:1;padding-left:8px}.common-tool-menu .menu-item.active{background-color:#edf4ff}.common-tool{height:100vh;display:flex;background-color:#f7f8fa}.common-tool .content{width:calc(100vw - 241px)}.doucker-page{border-bottom:1px solid #ebedf0;padding-bottom:24px;margin-bottom:24px}.doucker-page .doucker-container{display:flex}.doucker-page .doucker-container>div{margin-right:10px}.doucker-page .doucker-container .doucker-icon{width:80px;height:80px}.doucker-page .doucker-container .doucker-title{font-size:20px;color:#323233;line-height:24px}.doucker-page .doucker-container .docker-status{padding-right:10px}.doucker-page .doucker-btn{text-align:right;margin-top:48px}.doucker-page .doucker-btn>button:first-child{margin-right:16px}.log-container .log-title{font-size:14px;color:#323233;line-height:20px;padding-bottom:8px}.log-container .log-msg{background:#f7f8fa;border:1px solid #ebedf0;border-radius:2px;height:360px;padding:24px;overflow:auto}.log-container .log-msg>pre{white-space:pre-line}.mysql{padding:24px}.mysql .modalBtn{text-align:right}.mysql .modalBtn .syncContent{line-height:32px}.cancel,.mysql .modalBtn .cancel{margin-right:10px}.redis{padding:24px}.pre{height:calc(100vh - 350px)}.qr-code-line{margin-left:16px;position:relative;top:50%;transform:translateY(-50%)}.qr-code-line .link{cursor:pointer;color:#38f}.qr-code{width:300px;height:300px}.tool-item{display:flex;justify-content:flex-start;padding:16px;margin-bottom:16px;background-color:#f7f8fa;border:1px solid #ebedf0}.tool-item .title{width:200px}.tool-item .title .text{vertical-align:middle;margin-left:12px;font-size:22px;font-weight:500}.tool-item .recent-release{line-height:48px}.tool-item .other-content{flex:1;display:flex;justify-content:flex-end}.tool-item .other-content button{margin-left:16px;position:relative;top:50%;transform:translateY(-50%)}.pre{font-size:12px;word-break:break-all;white-space:pre-wrap;height:calc(100vh - 140px);background-color:#f7f8fa;padding:12px}.mp-deploy-form .form-action{text-align:right;margin-bottom:0}.mp-deploy-form .form-action button{margin-left:20px}.common-tool-deploy{padding:32px 24px;height:100%;overflow:hidden;background-color:#fff}