| | |
| | | } |
| | | |
| | | .hotel-consume-row { |
| | | display: flex; |
| | | align-items: center; |
| | | display: grid; |
| | | grid-template-columns: 76px 42px max-content; |
| | | align-items: stretch; |
| | | padding-left: 186px; |
| | | padding-top: 20px; |
| | | gap: 12px; |
| | |
| | | } |
| | | |
| | | .hotel-consume-row > strong { |
| | | width: 76px; |
| | | flex-shrink: 0; |
| | | grid-column: 1; |
| | | align-self: center; |
| | | } |
| | | |
| | | .hotel-consume-row > .el-switch { |
| | | margin-top: 0; |
| | | grid-column: 2; |
| | | align-self: center; |
| | | } |
| | | |
| | | .hotel-consume-options { |
| | | grid-column: 3; |
| | | display: flex; |
| | | flex-direction: column; |
| | | gap: 12px; |
| | |
| | | grid-template-columns: 58px 180px 20px 180px 36px 80px; |
| | | } |
| | | |
| | | .movie-ticket-cover-row { |
| | | display: grid; |
| | | grid-template-columns: 58px 160px; |
| | | align-items: start; |
| | | gap: 12px; |
| | | margin-top: 18px; |
| | | color: #111827; |
| | | font-size: 13px; |
| | | } |
| | | |
| | | .movie-ticket-cover-upload { |
| | | display: block; |
| | | width: 160px; |
| | | height: 90px; |
| | | } |
| | | |
| | | .movie-ticket-cover-upload .el-upload { |
| | | display: block; |
| | | width: 160px; |
| | | height: 90px; |
| | | } |
| | | |
| | | .movie-ticket-cover-preview, |
| | | .movie-ticket-cover-placeholder { |
| | | display: flex; |
| | | width: 160px; |
| | | height: 90px; |
| | | overflow: hidden; |
| | | border: 1px dashed #cbd5e1; |
| | | border-radius: 4px; |
| | | background: #f8fafc; |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | .movie-ticket-cover-preview { |
| | | border-style: solid; |
| | | object-fit: cover; |
| | | } |
| | | |
| | | .movie-ticket-cover-placeholder { |
| | | flex-direction: column; |
| | | align-items: center; |
| | | justify-content: center; |
| | | color: #94a3b8; |
| | | } |
| | | |
| | | .movie-ticket-cover-placeholder > span { |
| | | font-size: 26px; |
| | | line-height: 28px; |
| | | } |
| | | |
| | | .movie-ticket-cover-placeholder small { |
| | | margin-top: 3px; |
| | | font-size: 12px; |
| | | } |
| | | |
| | | .movie-ticket-merchant-row .el-select, |
| | | .movie-ticket-valid-row .el-input, |
| | | .movie-ticket-valid-row .el-select { |