| | |
| | | z-index: 1001; |
| | | } |
| | | |
| | | /* 选人弹窗加宽并加大字体 */ |
| | | /* 选人弹窗更宽,名字更大,关闭按钮更小 */ |
| | | .user-select-popup { |
| | | width: 1200px; |
| | | max-width: 95vw; |
| | | min-width: 800px; |
| | | width: 1600px; |
| | | max-width: 99vw; |
| | | min-width: 1000px; |
| | | height: auto; |
| | | min-height: 520px; |
| | | padding: 0; |
| | | display: flex; |
| | | flex-direction: column; |
| | | font-size: 28px; |
| | | font-size: 32px; |
| | | } |
| | | |
| | | .user-search-bar { |
| | | display: flex; |
| | | align-items: center; |
| | | gap: 18px; |
| | | padding: 24px 48px 0 48px; |
| | | padding: 24px 64px 0 64px; |
| | | background: #fff; |
| | | flex-wrap: wrap; |
| | | } |
| | |
| | | .user-search-input { |
| | | flex: 1 1 260px; |
| | | padding: 16px 20px; |
| | | font-size: 26px; |
| | | font-size: 28px; |
| | | border: 1px solid #bbb; |
| | | border-radius: 8px; |
| | | outline: none; |
| | |
| | | color: #fff; |
| | | border: none; |
| | | border-radius: 8px; |
| | | font-size: 22px; |
| | | font-size: 24px; |
| | | cursor: pointer; |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | .user-search-info { |
| | | font-size: 20px; |
| | | font-size: 22px; |
| | | color: #555; |
| | | } |
| | | |
| | | .user-list-scroll { |
| | | flex: 1 1 auto; |
| | | overflow-y: auto; |
| | | padding: 32px 48px 0 48px; |
| | | padding: 32px 64px 0 64px; |
| | | } |
| | | |
| | | .user-list-grid { |
| | | display: grid; |
| | | grid-template-columns: repeat(auto-fill,minmax(160px,1fr)); |
| | | gap: 18px 18px; |
| | | grid-template-columns: repeat(auto-fill,minmax(200px,1fr)); |
| | | gap: 22px 22px; |
| | | } |
| | | |
| | | .user-list-btn { |
| | |
| | | flex-direction: column; |
| | | justify-content: center; |
| | | align-items: center; |
| | | gap: 4px; |
| | | padding: 12px 10px; |
| | | height: 90px; |
| | | font-size: 22px; |
| | | gap: 8px; |
| | | padding: 16px 10px; |
| | | height: 110px; |
| | | font-size: 30px; |
| | | background: #00a2e9; |
| | | color: #fff; |
| | | border: none; |
| | |
| | | } |
| | | |
| | | .user-list-btn .user-code { |
| | | font-weight: 600; |
| | | font-size: 24px; |
| | | font-weight: 700; |
| | | font-size: 36px; |
| | | } |
| | | |
| | | .user-list-btn .user-name { |
| | | font-size: 20px; |
| | | font-size: 32px; |
| | | } |
| | | |
| | | .user-list-btn.selected { |
| | |
| | | .no-user-result { |
| | | padding: 40px 0; |
| | | text-align: center; |
| | | font-size: 24px; |
| | | font-size: 28px; |
| | | color: #666; |
| | | } |
| | | |
| | | .user-popup-footer { |
| | | flex-shrink: 0; |
| | | padding: 32px 48px 40px 48px; |
| | | padding: 24px 64px 32px 64px; |
| | | background: #fff; |
| | | text-align: center; |
| | | } |
| | | |
| | | .clean-btn { |
| | | width: 48%; |
| | | padding: 1.6vh; |
| | | width: 24%; |
| | | padding: 10px 0; |
| | | color: #fff; |
| | | font-size: 1.4vw; |
| | | font-size: 20px; |
| | | border: none; |
| | | text-align: center; |
| | | cursor: pointer; |
| | | border-radius: .6vw; |
| | | border-radius: 0.6vw; |
| | | background: #007aff; |
| | | } |
| | | |
| | | .clean-btn.wide-btn { |
| | | width: 80%; |
| | | font-size: 28px; |
| | | padding: 18px 0; |
| | | width: 30%; |
| | | font-size: 22px; |
| | | padding: 12px 0; |
| | | } |
| | | |
| | | .clean-btn:hover { |