| | |
| | | background-size: cover; |
| | | min-height: 150px; |
| | | overflow-y: auto; |
| | | overflow-x: hidden; |
| | | color: #000000; |
| | | |
| | | .voucher-header { |
| | | padding: 10px; |
| | | border-bottom: 1px solid #eeeeee; |
| | | |
| | | .header-btn { |
| | | .ant-btn { |
| | | height: 28px; |
| | | min-width: 80px; |
| | | margin-right: 10px; |
| | | background-color: #ffffff; |
| | | border-color: #d8d8d8; |
| | | color: rgba(0, 0, 0, 0.65); |
| | | } |
| | | .ant-btn[disabled] { |
| | | background-color: #dadada!important; |
| | | border-color: #dadada!important; |
| | | color: #ffffff!important; |
| | | } |
| | | .ant-btn:not([disabled]):hover { |
| | | background-color: var(--mk-sys-color); |
| | | border-color: var(--mk-sys-color); |
| | | color: #ffffff; |
| | | } |
| | | } |
| | | .voucher-body { |
| | | padding: 0 30px; |
| | | .voucher-code { |
| | | display: inline-block; |
| | | width: 160px; |
| | |
| | | width: 60px; |
| | | } |
| | | } |
| | | .pre-temp-wrap { |
| | | padding: 10px 0px; |
| | | .temp-text { |
| | | display: inline-block; |
| | | width: 22%; |
| | | white-space: nowrap; |
| | | padding-left: 10px; |
| | | |
| | | .ant-input { |
| | | width: calc(100% - 70px); |
| | | } |
| | | .ant-select { |
| | | width: calc(100% - 70px); |
| | | } |
| | | } |
| | | .temp-action { |
| | | float: right; |
| | | .ant-btn { |
| | | margin-left: 15px; |
| | | } |
| | | .ant-btn:hover { |
| | | color: var(--mk-sys-color); |
| | | border-color: var(--mk-sys-color); |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .add-background { |
| | | background: #26C281; |
| | | border-color: #26C281; |
| | | color: #ffffff; |
| | | } |
| | | .print-background { |
| | | background-color: #8E44AD; |
| | | border-color: #8E44AD; |
| | | color: #ffffff; |
| | | } |
| | | .out-background { |
| | | background-color: rgb(50, 197, 210); |
| | | border-color: rgb(50, 197, 210); |
| | | color: #ffffff; |
| | | } |
| | | |
| | | .system-background { |
| | | background: var(--mk-sys-color); |
| | | border-color: var(--mk-sys-color); |
| | | color: #ffffff; |
| | | } |
| | | .user { |
| | | padding: 15px 30px 0px; |
| | | } |
| | |
| | | display: none; |
| | | } |
| | | } |
| | | .mk-voucher-dropdown-wrap { |
| | | background: #ffffff; |
| | | border: 1px solid #d8d8d8; |
| | | border-radius: 4px; |
| | | min-height: 66px; |
| | | overflow: hidden; |
| | | |
| | | .ant-btn { |
| | | display: block; |
| | | width: 100%; |
| | | border: none; |
| | | color: rgba(0, 0, 0, 0.65); |
| | | border-radius: 0; |
| | | } |
| | | .ant-btn:not([disabled]):hover { |
| | | background-color: var(--mk-sys-color); |
| | | border-color: var(--mk-sys-color); |
| | | color: #ffffff; |
| | | } |
| | | .split { |
| | | width: 100%; |
| | | height: 1px; |
| | | background: #d8d8d8; |
| | | } |
| | | } |
| | | .mk-temp-add-modal { |
| | | .ant-form-item { |
| | | .ant-form-item-label { |
| | | width: 170px; |
| | | } |
| | | .ant-form-item-control-wrapper { |
| | | width: 250px; |
| | | display: inline-block; |
| | | } |
| | | } |
| | | } |