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

.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}.tool-item .title{width:240px}.common-tool-deploy .common-tool-deploy-branch{margin-bottom:24px}.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}.tool-bar{display:flex;justify-content:flex-start;padding:16px;margin-bottom:16px;background-color:#f7f8fa;border:1px solid #ebedf0}.tool-bar .title{width:320px}.tool-bar .title .text{vertical-align:middle;margin-left:12px;font-size:22px;font-weight:500}.tool-bar .ssh-help{margin-left:10px;font-size:18px;color:#1890ff}.tool-bar .recent-release{font-size:12px;margin-left:12px}.tool-bar .recent-release .idle{background-color:#f2f3f5;width:60px;text-align:center}.tool-bar .recent-release .connected .status{background-color:#2da641;color:#fff;padding:0 4px}.tool-bar .recent-release .connected .time{margin-left:5px;color:#2da641}.tool-bar .other-content{flex:1;display:flex;justify-content:flex-end}.tool-bar .other-content button{margin-left:16px;position:relative;top:50%;transform:translateY(-50%)}.tool-bar .initializing .ant-spin-dot{font-size:16px;margin-right:10px}.info-msg{position:relative}.info-msg .nocontent{width:140px;height:74px;background-size:100% 100%;background-image:url(https://b.yzcdn.cn/public_files/9c5cb26c4faffa3409a4f605cc23855b.png);z-index:2;position:absolute;top:calc(50% - 30px);left:calc(50% - 50px)}.info-msg .pre{font-size:12px;word-break:break-all;white-space:pre-wrap;height:calc(100vh - 180px);background-color:#f7f8fa;padding:12px}.common-tool-deploy{padding:32px 24px;height:100%;overflow:hidden;background-color:#fff}