.standardProjectMana_drawer { .topbar { display: flex; flex-direction: row; justify-content: space-between; align-items: center; .title { height: 16px; font-size: 16px; font-weight: 500; color: #17181A; line-height:16px; } .btnGroup { .clearBtn { cursor: pointer; display: inline-block; text-align: center; width: 112px; height: 24px; line-height: 23px; background: #FAFCFF; border-radius: 4px; border: 1px solid #DAE2F2; font-size: 14px; font-weight: 400; color: #17181A; margin-right: 8px; &.disabled { cursor: not-allowed; color: #65676a; background-color: #f5f5f5; } } .cancel { cursor: pointer; display: inline-block; text-align: center; width: 56px; height: 24px; line-height: 23px; background: #FAFCFF; border-radius: 4px; border: 1px solid #DAE2F2; font-size: 14px; font-weight: 400; color: #17181A; margin-right: 8px; } .add { cursor: pointer; display: inline-block; width: 56px; text-align: center; height: 24px; line-height: 23px; background: #3377FF; border-radius: 4px; border: 1px solid #DAE2F2; font-size: 14px; font-weight: 400; color: #fff; } } } .content { overflow: hidden; .rightContent { position: relative; border-radius: 4px; // padding: 16px; background: #FFF; .checkBtn { position: absolute; cursor: pointer; top: 0; right: 0; padding: 0 14px; height: 24px; line-height: 24px; background: #3376FE; border-radius: 4px; text-align: center; font-size: 14px; font-weight: 400; color: #FFF; } .midLine { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 24px; line-height: 24px; background: #F0FCFC; font-size: 12px; color: #515866; font-weight: 400; margin-top: 12px; margin-bottom: 15px; &>span { cursor: pointer; font-size: 12px; font-weight: 500; color: #00B3B3; padding-right: 4px; } } .kcmp-ant-tabs-nav { &::before { border-bottom: none !important; } } .tableToolbar { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 16px; .filter { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; .filterItem { display: flex; flex-direction: row; justify-content: center; align-items: center; } } .btnGroup { &>span { display: inline-block; text-align: center; width: 56px; height: 24px; line-height: 24px; background: #3377FF; color: #FFF; border-radius: 4px; cursor: pointer; } } } .tixiMenuSet { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; height:calc(100vh - 72px); .despcrip { height: 14px; line-height: 14px; font-size: 14px; color: #7A8599; margin-top: 16px; margin-bottom: 15px; } } } } } .StandardProjectMana { padding: 16px; background: #FFFFFF; border-radius: 4px; .toolBar { display: flex; flex-direction: row; justify-content: space-between; align-items: center; .filter { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; .filterItem { display: flex; flex-direction: row; justify-content: center; align-items: center; } } .btnGroup { .import { cursor: pointer; display: inline-block; font-size: 14px; font-weight: 400; color: #17181A; line-height: 24px; padding: 0 14px; margin-right: 8px; background: #FAFCFF; border-radius: 4px; border: 1px solid #DAE2F2; } .add { cursor: pointer; display: inline-block; font-size: 14px; font-weight: 400; color: #FFFFFF; line-height: 24px; padding: 0 14px; background: #3377FF; border-radius: 4px; } } } }