| | |
| | | @import url('../../../../style/ui-variables.less'); |
| | | |
| | | .auth-bluetooth-popup { |
| | | position: fixed; |
| | | top: 0; |
| | |
| | | left: 0; |
| | | width: 100%; |
| | | height: 100%; |
| | | background: rgba(0, 0, 0, 0.4); |
| | | background: rgba(0, 0, 0, 0.8); |
| | | z-index: 1; |
| | | } |
| | | |
| | | .popup-content { |
| | | position: relative; |
| | | z-index: 2; |
| | | background: #FFFFFF; |
| | | border-radius: 40px 40px 0 0; |
| | | background: linear-gradient(180deg, #D9EBFF 0%, #FFFFFF 35%); |
| | | border-radius: 40px 40px 0 0; |
| | | background: @gary-theme; |
| | | border-radius: 60px 60px 0 0; |
| | | width: 100%; |
| | | transform: translateY(100%); |
| | | opacity: 1; |
| | |
| | | .content-main { |
| | | position: relative; |
| | | z-index: 2; |
| | | padding: 80px 58px 80px 40px; |
| | | padding: 96px 48px; |
| | | display: flex; |
| | | flex-direction: column; |
| | | } |
| | |
| | | font-size: 36px; |
| | | font-weight: 500; |
| | | line-height: 52px; |
| | | color: rgba(0, 0, 0, 0.9); |
| | | color: @black-text-main; |
| | | } |
| | | |
| | | .popup-sub-title { |
| | | font-size: 36px; |
| | | font-weight: 500; |
| | | line-height: 52px; |
| | | color: rgba(0, 0, 0, 0.9); |
| | | color: @black-text-main; |
| | | } |
| | | |
| | | .popup-desc { |
| | | font-size: 28px; |
| | | line-height: 44px; |
| | | color: rgba(0, 0, 0, 0.6); |
| | | color: @black-text-04; |
| | | } |
| | | |
| | | .authorize-btn { |
| | | margin-top: 82px; |
| | | margin-top: 80px; |
| | | width: 100%; |
| | | height: 88px; |
| | | margin-left: 18px; |
| | | border-radius: 16px; |
| | | background: linear-gradient(90deg, #7b79ff 0%, #68c0ff 100%); |
| | | height: 106px; |
| | | box-sizing: border-box; |
| | | border-radius: 2000px; |
| | | background: @black-text-main; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | font-size: 28px; |
| | | text-align: center; |
| | | font-size: 32px; |
| | | font-weight: 500; |
| | | color: #ffffff; |
| | | } |
| | | } |
| | | } |