.editModal_container { width: 100%; overflow-y: hidden; height: calc(100% - 20px); display: flex; flex-direction: column; button[ant-click-animating-without-extra-node]:after { border: 0 none; opacity: 0; animation: none 0 ease 0 1 normal; } .content { height: calc(100vh - 140px); overflow-y: scroll; } .cardList { display: flex; flex-wrap: wrap; .cardListItem { width: 50%; margin-bottom: 1rem; } } .ant-card-bordered { border-right: none; } .push_trench { width: 100%; height: fit-content; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; .trench_card { margin-top: 1rem; margin-right: 0.5rem; min-width: 400px; border-width: 1px; border-color: #eeeeee; border-style: solid; border-radius: 5px; display: flex; flex-direction: column; align-items: center; background-color: #ffffff; .card_title { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #f6f7f9; height: 50px; width: 100%; display: flex; flex-direction: row; justify-content: space-between; padding: 0 24px; align-items: center; .lable { font-size: large; margin-left: 10px; } } .card_body { margin-top: 10px; width: 100%; padding: 10px; height: 14rem; display: flex; flex-direction: column; overflow: hidden; } .ant-switch { margin-right: 0.5rem; } .ant-form-item { margin-left: 0; } } } } .imgg { position: relative; top: -65px; left: -9px; height: 74px; width: 74px; background: rgba(0, 0, 0, 0.5); border-radius: 2px; z-index: 1; } .imgg :hover { opacity: 0.7; width: '100%'; background-color: '#2881a1'; }