fix(feedback): make error retry stateful

This commit is contained in:
zhangheng
2026-07-22 20:08:21 +08:00
parent 50b3a1b997
commit fb4adbac76
4 changed files with 103 additions and 73 deletions

View File

@@ -8,27 +8,25 @@
}
.feedback-error-banner {
flex-direction: column;
align-items: stretch;
gap: 14rpx;
}
.feedback-error-heading,
.feedback-error-footer,
.feedback-error-reference {
display: flex;
width: 100%;
align-items: center;
gap: 16rpx;
padding: 18rpx 20rpx;
}
.feedback-error-heading {
justify-content: space-between;
gap: 18rpx;
.feedback-error-actions {
display: flex;
flex: none;
align-items: center;
gap: 8rpx;
}
.feedback-error-message {
display: block;
flex: 1;
min-width: 0;
font-size: 24rpx;
line-height: 1.4;
}
.feedback-error-close {
@@ -36,9 +34,9 @@
flex: none;
align-items: center;
justify-content: center;
width: 48rpx;
height: 48rpx;
margin: -8rpx -8rpx -8rpx 0;
width: 44rpx;
height: 44rpx;
margin: 0;
padding: 0;
border: 0;
background: transparent;
@@ -74,50 +72,31 @@
transform: rotate(-45deg);
}
.feedback-error-footer {
justify-content: flex-end;
gap: 18rpx;
}
.feedback-error-reference {
flex: 1;
min-width: 0;
gap: 12rpx;
color: #6e6e73;
font-size: 21rpx;
}
.feedback-error-reference > text {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.feedback-error-copy,
.feedback-error-retry {
display: flex;
flex: none;
align-items: center;
justify-content: center;
height: 56rpx;
height: 52rpx;
margin: 0;
border: 0;
border-radius: 8rpx;
font-size: 23rpx;
font-size: 22rpx;
line-height: 1;
}
.feedback-error-copy {
padding: 0;
min-width: 68rpx;
padding: 0 10rpx;
background: transparent;
color: #6e6e73;
font-weight: 500;
}
.feedback-error-retry {
min-width: 104rpx;
padding: 0 22rpx;
min-width: 92rpx;
padding: 0 16rpx;
background: #007aff;
color: #ffffff;
font-weight: 600;
@@ -128,6 +107,12 @@
border: 0;
}
.feedback-error-retry[disabled] {
background: #7eb7f7;
color: #ffffff;
opacity: 1;
}
.feedback-field,
.content-field {
padding: 24rpx;