fix(feedback): make error retry stateful
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user