| | |
| | | .debug-modal { |
| | | .ant-drawer-body { |
| | | .ant-modal-body { |
| | | position: relative; |
| | | height: 100vh; |
| | | padding: 0 0 50px 0; |
| | | overflow: hidden; |
| | | color: rgba(0, 0, 0, 0.85); |
| | | |
| | | .mk-sql-wrap { |
| | | padding: 10px; |
| | | max-height: calc(100vh - 150px); |
| | | min-height: 50vh; |
| | | padding: 15px 20px; |
| | | |
| | | .sql-item { |
| | | display: flex; |
| | | min-height: 30px; |
| | | |
| | | .sql-1, .sql-2 { |
| | | flex: 1; |
| | | width: 25%; |
| | | max-width: 25%; |
| | | display: flex; |
| | | align-items: center; |
| | | |
| | | div { |
| | | overflow: hidden; |
| | | word-break: break-word; |
| | | white-space: nowrap; |
| | | text-overflow: ellipsis; |
| | | .ant-table-thead > tr > th, .ant-table-tbody > tr > td { |
| | | padding: 12px; |
| | | } |
| | | } |
| | | .sql-3 { |
| | | flex: 1; |
| | | width: 30%; |
| | | max-width: 30%; |
| | | display: flex; |
| | | align-items: center; |
| | | |
| | | div { |
| | | overflow: hidden; |
| | | word-break: break-word; |
| | | white-space: nowrap; |
| | | text-overflow: ellipsis; |
| | | } |
| | | } |
| | | .sql-4 { |
| | | flex: 1; |
| | | width: 20%; |
| | | max-width: 20%; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | |
| | | .anticon { |
| | | font-size: 16px; |
| | | } |
| | |
| | | .anticon-loading { |
| | | color: orange; |
| | | } |
| | | .anticon-deepseek { |
| | | cursor: pointer; |
| | | color: #4D6BFE; |
| | | } |
| | | } |
| | | .header { |
| | | border-bottom: 1px solid #e8e8e8; |
| | | } |
| | | .body { |
| | | max-height: calc(100vh - 60px); |
| | | overflow-y: auto; |
| | | } |
| | | } |
| | | |
| | | .mk-sql-wrap .body::-webkit-scrollbar { |
| | | width: 7px; |
| | | } |
| | | .mk-sql-wrap .body::-webkit-scrollbar-thumb { |
| | | border-radius: 5px; |
| | | box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13); |
| | | background: rgba(0, 0, 0, 0.13); |
| | | } |
| | | .mk-sql-wrap .body::-webkit-scrollbar-track { |
| | | box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); |
| | | border-radius: 3px; |
| | | border: 1px solid rgba(0, 0, 0, 0.07); |
| | | background: rgba(0, 0, 0, 0); |
| | | } |
| | | } |
| | | .mk-footer { |
| | | position: absolute; |
| | | bottom: 0px; |
| | | width: 100%; |
| | | height: 45px; |
| | | height: 50px; |
| | | line-height: 50px; |
| | | border-top: 1px solid #e8e8e8; |
| | | text-align: right; |