/*! * Copyright 2019 WeBank * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * *//*! * Copyright 2019 WeBank * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * */.workflowTabContainer[data-v-f752c4a8]{margin-left:250px;transition:margin-left .3s;position:relative;height:100%;box-sizing:border-box;display:flex;flex-direction:column}.workflowTabContainer.tree-fold[data-v-f752c4a8]{margin-left:0}.workflowTabContainer .tap-menu[data-v-f752c4a8]{min-width:98px;height:40px;box-sizing:border-box;line-height:40px;text-align:center;padding:0 12px}.workflowTabContainer .tap-bar[data-v-f752c4a8]{background-color:#f8f9fc}.workflowTabContainer .tap-bar.tree-fold[data-v-f752c4a8]{margin-left:40px}[data-theme=dark] .workflowTabContainer .tap-bar[data-v-f752c4a8]{background-color:#1e232d}.workflowTabContainer .tap-bar .topTabList[data-v-f752c4a8]{padding:25px 25px 0;flex:none;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.workflowTabContainer .tap-bar .topTabList .topLeft[data-v-f752c4a8]{flex:1;min-width:320px}.workflowTabContainer .tap-bar .topTabList .topLeft .ivu-breadcrumb[data-v-f752c4a8]{font-size:21px}.workflowTabContainer .tap-bar .topTabList .topLeft .ivu-breadcrumb[data-v-f752c4a8] .ivu-breadcrumb-item-separator{color:rgba(0,0,0,.65)}[data-theme=dark] .workflowTabContainer .tap-bar .topTabList .topLeft .ivu-breadcrumb[data-v-f752c4a8] .ivu-breadcrumb-item-separator{color:hsla(0,0%,100%,.65)}.workflowTabContainer .tap-bar .topTabList .buttonChange[data-v-f752c4a8]{flex:none}.workflowTabContainer .tap-bar .topTabList .buttonChange .ivu-btn[data-v-f752c4a8]{font-size:14px}.workflowTabContainer .tap-bar .topTabList .buttonChange .bottomTapList[data-v-f752c4a8]{padding:0 25px;border-bottom:1px solid #dee4ec;border-color:#f7f7f7;color:rgba(0,0,0,.85);margin-top:12px;flex:none;display:flex;align-items:center;font-size:16px}[data-theme=dark] .workflowTabContainer .tap-bar .topTabList .buttonChange .bottomTapList[data-v-f752c4a8]{border-color:#1e232d;color:hsla(0,0%,100%,.85)}.workflowTabContainer .tap-bar .topTabList .buttonChange .bottomTapList .bottomLeftText[data-v-f752c4a8]{cursor:pointer;flex:none;font-size:16px;padding:0 15px;margin-bottom:-1px;line-height:40px;position:relative}.workflowTabContainer .tap-bar .topTabList .buttonChange .bottomTapList .bottomLeftText[data-v-f752c4a8]:after{content:"";border-left:1px solid #dee4ec;border-color:#dee4ec;width:0;position:absolute;right:-15px;top:12px;height:16px;margin:0 15px}[data-theme=dark] .workflowTabContainer .tap-bar .topTabList .buttonChange .bottomTapList .bottomLeftText[data-v-f752c4a8]:after{border-color:hsla(0,0%,100%,.2)}.workflowTabContainer .tap-bar .topTabList .buttonChange .bottomTapList .active[data-v-f752c4a8]{border-bottom:2px solid #2e92f7;border-color:#2e92f7}[data-theme=dark] .workflowTabContainer .tap-bar .topTabList .buttonChange .bottomTapList .active[data-v-f752c4a8]{border-color:#4b8ff3}.workflowTabContainer .tap-bar .topTabList .buttonChange .bottomTapList .bottomRightContainer[data-v-f752c4a8]{flex:1;height:40px}.workflowTabContainer .tap-bar .bottomTapList[data-v-f752c4a8]{border-bottom:1px solid #dee4ec;border-color:#f7f7f7;color:rgba(0,0,0,.85);flex:none;display:flex;align-items:center;font-size:14px}[data-theme=dark] .workflowTabContainer .tap-bar .bottomTapList[data-v-f752c4a8]{border-color:#1e232d;color:hsla(0,0%,100%,.85)}.workflowTabContainer .tap-bar .bottomTapList .bottomLeftText[data-v-f752c4a8]{cursor:pointer;flex:none;font-size:16px;padding:0 15px;margin-bottom:-1px;line-height:40px;position:relative}.workflowTabContainer .tap-bar .bottomTapList .bottomLeftText[data-v-f752c4a8]:after{content:"";border-left:1px solid #dee4ec;border-color:#dee4ec;width:0;position:absolute;right:-15px;top:12px;height:16px;margin:0 15px}[data-theme=dark] .workflowTabContainer .tap-bar .bottomTapList .bottomLeftText[data-v-f752c4a8]:after{border-color:hsla(0,0%,100%,.2)}.workflowTabContainer .tap-bar .bottomTapList .bottomRightContainer[data-v-f752c4a8]{flex:1;height:40px;display:flex;align-items:center}.workflowTabContainer .defaultSlot[data-v-f752c4a8]{flex:1}.tab-item[data-v-f752c4a8]{display:inline-block;height:24px;line-height:24px;color:rgba(0,0,0,.85);cursor:pointer;min-width:90px;max-width:200px;padding:0 10px;overflow:hidden;margin-right:8px;background-color:#e1e5ea;border-radius:12px}[data-theme=dark] .tab-item[data-v-f752c4a8]{color:hsla(0,0%,100%,.85);background-color:#1e232d}.tab-item.active[data-v-f752c4a8]{height:24px;color:#2e92f7;line-height:24px;background-color:#e8eef4;border-radius:12px}[data-theme=dark] .tab-item.active[data-v-f752c4a8]{color:#4b8ff3;background-color:#1e232d}.tab-item[data-v-f752c4a8]:hover{height:24px;color:#2e92f7;line-height:24px;border-radius:12px;background-color:#d1d7dd}[data-theme=dark] .tab-item[data-v-f752c4a8]:hover{color:#4b8ff3;background-color:#1e232d}.top-tap-lists[data-v-f752c4a8]{display:flex;align-items:center} /*! * Copyright 2019 WeBank * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * *//*! * Copyright 2019 WeBank * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * *//*! * Copyright 2019 WeBank * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * */.workflow-wrap[data-v-b2b5fc28]{width:100%;height:100%;background-color:#f4f7fb}[data-theme=dark] .workflow-wrap[data-v-b2b5fc28]{background-color:#151a23}.workflow-wrap .workflow-nav-tree[data-v-b2b5fc28]{display:flex;position:fixed;left:0;top:54px;bottom:0;width:250px;background-color:#f8f9fc;transition:all .3s}[data-theme=dark] .workflow-wrap .workflow-nav-tree[data-v-b2b5fc28]{background-color:#1e232d}.workflow-wrap .workflow-nav-tree-switch[data-v-b2b5fc28]{height:40px;width:40px;display:flex;justify-content:center;align-items:center;border-right:1px solid;border-color:#dee4ec;box-sizing:border-box}.workflow-wrap .workflow-nav-tree.tree-fold[data-v-b2b5fc28]{width:40px;height:40px;z-index:1}.workflow-wrap .workflow-nav-tree.tree-fold .project-nav-tree[data-v-b2b5fc28]{transform:translateX(-304px)}.workflow-wrap .workflow-nav-tree .project-nav-menu[data-v-b2b5fc28]{z-index:1;width:54px;background-color:#f8f9fc;border-right:1px solid #dee4ec;border-color:#dee4ec}[data-theme=dark] .workflow-wrap .workflow-nav-tree .project-nav-menu[data-v-b2b5fc28]{background-color:#2a303c;border-color:#252a35}.workflow-wrap .workflow-nav-tree .project-nav-menu-item[data-v-b2b5fc28]{height:44px;line-height:44px;text-align:center;cursor:pointer;color:#333}[data-theme=dark] .workflow-wrap .workflow-nav-tree .project-nav-menu-item[data-v-b2b5fc28]{color:hsla(0,0%,100%,.65)}.workflow-wrap .workflow-nav-tree .project-nav-menu-item[data-v-b2b5fc28]:hover{background-color:#ecf4ff}[data-theme=dark] .workflow-wrap .workflow-nav-tree .project-nav-menu-item[data-v-b2b5fc28]:hover{background-color:rgba(75,143,243,.5)}.workflow-wrap .workflow-nav-tree .project-nav-menu-item .nav-icon[data-v-b2b5fc28]{font-size:26px}.workflow-wrap .workflow-nav-tree .project-nav-menu .active[data-v-b2b5fc28]{background-color:#eceff4;border-left:3px solid #2e92f7;border-color:#2e92f7}[data-theme=dark] .workflow-wrap .workflow-nav-tree .project-nav-menu .active[data-v-b2b5fc28]{background-color:#252a35;border-color:#4b8ff3}.workflow-wrap .workflow-nav-tree .project-nav-tree-bottom[data-v-b2b5fc28]{width:100%;height:34px;padding:0 15px;margin-top:8px;line-height:34px}.workflow-wrap .workflow-nav-tree .project-nav-tree-bottom .project-nav-add[data-v-b2b5fc28]{line-height:34px;text-align:center;height:34px;border:1px dashed #dee4ec;font-size:14px;color:rgba(0,0,0,.65);font-weight:400;cursor:pointer}.workflow-wrap .workflow-nav-tree .project-nav-tree-bottom .project-nav-add[data-v-b2b5fc28]:hover{background-color:#2e92f7;color:#fff}.workflow-wrap .workflow-nav-tree .project-nav-tree[data-v-b2b5fc28]{position:absolute;width:250px;left:0;top:0;bottom:0;transition:all .3s;padding:10px 0;overflow-y:auto;border-right:1px solid #dee4ec;border-color:#dee4ec;background-color:#fff;overflow-x:hidden}[data-theme=dark] .workflow-wrap .workflow-nav-tree .project-nav-tree[data-v-b2b5fc28]{border-color:#2a303c;background-color:#151a23}.workflow-wrap .workflow-nav-tree .project-nav-tree-top[data-v-b2b5fc28]{display:flex;width:250px;padding:0 12px;flex-direction:column}.workflow-wrap .workflow-nav-tree .project-nav-tree-top-t[data-v-b2b5fc28]{display:flex;height:25px;justify-content:space-between;align-items:center}.workflow-wrap .workflow-nav-tree .project-nav-tree-top-t-txt[data-v-b2b5fc28]{font-size:14px;color:rgba(0,0,0,.65);text-align:right;font-weight:600}.workflow-wrap .workflow-nav-tree .project-nav-tree-top-t-icon[data-v-b2b5fc28]{cursor:pointer;font-size:16px}.workflow-wrap .workflow-nav-tree .project-nav-tree-top-b[data-v-b2b5fc28]{height:40px;display:flex;align-items:center}.workflow-wrap .workflow-nav-tree .project-nav-tree-top-b-input[data-v-b2b5fc28]{border:none;border-bottom:1px solid #dee4ec;display:inline-block;height:24px;width:208px;margin-left:8px}.workflow-wrap .workflow-nav-tree .project-nav-tree-top-b-input[data-v-b2b5fc28]::placeholder{color:rgba(0,0,0,.25)}.workflow-wrap .streamisContainer[data-v-b2b5fc28]{display:flex;min-height:100%}.workflow-wrap .workflowListContainer[data-v-b2b5fc28]{display:flex;min-height:100%;padding:25px;border:1px solid #dee4ec;border-color:#dee4ec;background-color:#fff}[data-theme=dark] .workflow-wrap .workflowListContainer[data-v-b2b5fc28]{border-color:#1e232d;background-color:#1e232d}.workflow-wrap .workflowListContainer .workflowListLeft[data-v-b2b5fc28]{position:relative;flex:1}.workflow-wrap .workflowListContainer .workflowListLeft .tabs-content[data-v-b2b5fc28] .ivu-tabs-tab{font-size:16px}.workflow-wrap .workflow-tabs[data-v-b2b5fc28]{width:100%;height:32px;margin:4px 0;white-space:nowrap;line-height:1.5;font-size:14px;position:relative;color:#515a6e;border-bottom:1px solid #dee4ec;border-color:#dee4ec;padding:0 5px}[data-theme=dark] .workflow-wrap .workflow-tabs[data-v-b2b5fc28]{border-color:hsla(0,0%,100%,.2)}.workflow-wrap .workflow-tabs .workflow-tabs-item[data-v-b2b5fc28]{margin:0;height:31px;padding:5px 16px 4px;border-bottom:1px solid #dee4ec;border-color:#dee4ec;border-radius:4px 4px 0 0;background-color:#f8f9fc;display:inline-block;cursor:pointer;position:relative}[data-theme=dark] .workflow-wrap .workflow-tabs .workflow-tabs-item[data-v-b2b5fc28]{border-color:hsla(0,0%,100%,.2);background-color:#1e232d}.workflow-wrap .workflow-tabs .workflow-tabs-item.active[data-v-b2b5fc28]{height:32px;padding-bottom:5px;background:#fff;transform:translateZ(0);border:1px solid #dcdee2;border-bottom:1px solid #fff;color:#2e92f7}[data-theme=dark] .workflow-wrap .workflow-tabs .workflow-tabs-item.active[data-v-b2b5fc28]{color:#4b8ff3}.workflow-wrap .workflow-tabs .workflow-tabs-item .workflow-tabs-name[data-v-b2b5fc28]{display:inline-block}.workflow-wrap .workflow-tabs .workflow-tabs-item .workflow-tabs-close[data-v-b2b5fc28]{width:22px;margin-right:-6px;height:22px;font-size:22px;color:#999;text-align:right;vertical-align:middle;overflow:hidden;position:relative;color:#515a6e;border-bottom:1px solid #dee4ec;border-color:#dee4ec;padding:0 5px}[data-theme=dark] .workflow-wrap .workflow-tabs .workflow-tabs-item .workflow-tabs-close[data-v-b2b5fc28]{border-color:hsla(0,0%,100%,.2)}.workflow-wrap .workflow-tabs .workflow-tabs-item .workflow-tabs-close .workflow-tabs-item[data-v-b2b5fc28]{margin:0;height:31px;padding:5px 16px 4px;border-bottom:1px solid #dee4ec;border-color:#dee4ec;border-radius:4px 4px 0 0;background-color:#f8f9fc;display:inline-block;cursor:pointer;position:relative}[data-theme=dark] .workflow-wrap .workflow-tabs .workflow-tabs-item .workflow-tabs-close .workflow-tabs-item[data-v-b2b5fc28]{border-color:hsla(0,0%,100%,.2);background-color:#1e232d}.workflow-wrap .workflow-tabs .workflow-tabs-item .workflow-tabs-close .workflow-tabs-item.active[data-v-b2b5fc28]{height:32px;padding-bottom:5px;background:#fff;transform:translateZ(0);border:1px solid #dcdee2;border-bottom:1px solid #fff;color:#2e92f7}[data-theme=dark] .workflow-wrap .workflow-tabs .workflow-tabs-item .workflow-tabs-close .workflow-tabs-item.active[data-v-b2b5fc28]{color:#4b8ff3}.workflow-wrap .workflow-tabs .workflow-tabs-item .workflow-tabs-close .workflow-tabs-item .workflow-tabs-name[data-v-b2b5fc28]{display:inline-block}.workflow-wrap .workflow-tabs .workflow-tabs-item .workflow-tabs-close .workflow-tabs-item .workflow-tabs-close[data-v-b2b5fc28]{width:22px;margin-right:-6px;height:22px;font-size:22px;color:#999;text-align:right;vertical-align:middle;overflow:hidden;position:relative;top:-1px;transform-origin:100% 50%;transition:all .3s ease-in-out;cursor:pointer}/*! * Copyright 2019 WeBank * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * *//*! * Copyright 2019 WeBank * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * */.item-header[data-v-b2b5fc28]{font-size:14px;margin:10px 25px;font-weight:700;padding-left:5px;border-left:3px solid #2e92f7;border-color:#2e92f7}[data-theme=dark] .item-header[data-v-b2b5fc28]{border-color:#4b8ff3}.rightCardContainer[data-v-b2b5fc28]{will-change:auto;padding:20px}.rightCardContainer .cardItem[data-v-b2b5fc28]{box-shadow:0 0 6px rgba(0,0,0,.2);position:relative;padding:10px;line-height:1;display:flex;align-items:center}.rightCardContainer .cardItem[data-v-b2b5fc28]:not(:last-child){margin-bottom:50px}.rightCardContainer .cardItem .ios-arrow-round-down[data-v-b2b5fc28]{position:absolute;bottom:-45px;left:50%;color:#2e92f7;font-size:40px;transform:translateX(-50%)}[data-theme=dark] .rightCardContainer .cardItem .ios-arrow-round-down[data-v-b2b5fc28]{color:#4b8ff3}.rightCardContainer .cardItem .cardItemText[data-v-b2b5fc28]{margin-left:10px;font-size:14px;font-weight:700}.list-item[data-v-b2b5fc28]{white-space:nowrap;outline:none}.list-item .list-content[data-v-b2b5fc28]{display:flex;align-items:center;cursor:pointer;padding:0 10px;color:rgba(0,0,0,.65)}[data-theme=dark] .list-item .list-content[data-v-b2b5fc28]{color:hsla(0,0%,100%,.65)}.list-item .list-content[data-v-b2b5fc28]:hover{background-color:#edf1f6}[data-theme=dark] .list-item .list-content[data-v-b2b5fc28]:hover{background-color:#252a35}.list-item .list-content-active[data-v-b2b5fc28]{background-color:#edf1f6;color:#2e92f7}[data-theme=dark] .list-item .list-content-active[data-v-b2b5fc28]{background-color:#252a35;color:#4b8ff3}.list-item .list-content .list-name[data-v-b2b5fc28]{display:block;flex:1;line-height:32px;padding:0 6px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}