diff --git a/src/assets/style/chat.css b/src/assets/style/chat.css index fdb3846..0310207 100644 --- a/src/assets/style/chat.css +++ b/src/assets/style/chat.css @@ -178,7 +178,7 @@ img.avatarUrl-img[lazy="loading"] { /* width: -moz-fit-content; width: -webkit-fit-content; */ } -.noPadding{ +.noPadding { padding: 0 !important; border-radius: 12rem !important; background: linear-gradient(360deg, #ffffffb3 0%, #f7f8ff 99%) !important; @@ -576,12 +576,11 @@ img.avatarUrl-img[lazy="loading"] { width: calc(100% - 8rem); margin: 0 auto; padding: 10rem 0; - border-top: 1px solid #EBEDF0; + border-top: 1px solid #ebedf0; } .noPadding .help-button-box { width: calc(100% - 32rem); - } .help-button-item { width: 32rem; @@ -633,8 +632,7 @@ img.avatarUrl-img[lazy="loading"] { } .help-button-item:first-child .help-button-icon { - background: url("@/assets/images/chat/help-icon.svg") - no-repeat center; + background: url("@/assets/images/chat/help-icon.svg") no-repeat center; background-size: 100% auto; } @@ -648,22 +646,19 @@ img.avatarUrl-img[lazy="loading"] { .help-button-item.active:first-child:disabled .help-button-icon, .historicRecords .help-button-item:first-child:disabled .help-button-icon { - background: url("@/assets/images/chat/help-icon.svg") - no-repeat center; + background: url("@/assets/images/chat/help-icon.svg") no-repeat center; background-size: 100% auto; } .help-button-item:nth-child(2) .help-button-icon { - background: url("@/assets/images/chat/noHelp-icon.svg") - no-repeat center; + background: url("@/assets/images/chat/noHelp-icon.svg") no-repeat center; background-size: 100% auto; } /* 已点赞 */ .help-button-item.active:nth-child(2):disabled .help-button-icon, .historicRecords .help-button-item:nth-child(2):disabled .help-button-icon { - background: url("@/assets/images/chat/noHelp-icon.svg") - no-repeat center; + background: url("@/assets/images/chat/noHelp-icon.svg") no-repeat center; background-size: 100% auto; } @@ -1066,38 +1061,36 @@ img.avatarUrl-img[lazy="loading"] { } .elder-wrapper .help-button-item:first-child .help-button-icon { - background: url("@/assets/images/chat/help-icon.svg") - no-repeat center; + background: url("@/assets/images/chat/help-icon.svg") no-repeat center; background-size: 100% auto; } .elder-wrapper .help-button-item:not(.active):disabled { color: #2c3562 !important; - opacity: .3; + opacity: 0.3; cursor: not-allowed; } .elder-wrapper .help-button-item.active:disabled { color: #025cea !important; + opacity: 0.3; + cursor: not-allowed; } .elder-wrapper .help-button-item.active:first-child:disabled .help-button-icon, .elder-wrapper .historicRecords .help-button-item:first-child:disabled .help-button-icon { - background: url("@/assets/images/chat/help-icon.svg") - no-repeat center; + background: url("@/assets/images/chat/help-icon.svg") no-repeat center; background-size: 100% auto; } .elder-wrapper .help-button-item:nth-child(2) .help-button-icon { - background: url("@/assets/images/chat/noHelp-icon.svg") - no-repeat center; + background: url("@/assets/images/chat/noHelp-icon.svg") no-repeat center; background-size: 100% auto; } .elder-wrapper .help-button-item.active:nth-child(2):disabled .help-button-icon, .elder-wrapper .historicRecords .help-button-item:nth-child(2):disabled .help-button-icon { - background: url("@/assets/images/chat/noHelp-icon.svg") - no-repeat center; + background: url("@/assets/images/chat/noHelp-icon.svg") no-repeat center; background-size: 100% auto; }