fix(feedback): contain error banner actions
This commit is contained in:
@@ -12,7 +12,7 @@
|
|||||||
<icon type="clear" size="16" color="#9B2C27" />
|
<icon type="clear" size="16" color="#9B2C27" />
|
||||||
</button>
|
</button>
|
||||||
</view>
|
</view>
|
||||||
<view class="feedback-error-actions {{errorRequestId ? '' : 'feedback-error-actions-single'}}">
|
<view class="feedback-error-actions">
|
||||||
<button wx:if="{{errorRequestId}}" class="feedback-error-copy" aria-label="复制问题编号" bindtap="copyRequestId">复制编号</button>
|
<button wx:if="{{errorRequestId}}" class="feedback-error-copy" aria-label="复制问题编号" bindtap="copyRequestId">复制编号</button>
|
||||||
<button class="feedback-error-retry" loading="{{errorRetrying}}" disabled="{{errorRetrying}}" bindtap="retryError">重试</button>
|
<button class="feedback-error-retry" loading="{{errorRetrying}}" disabled="{{errorRetrying}}" bindtap="retryError">重试</button>
|
||||||
</view>
|
</view>
|
||||||
|
|||||||
@@ -24,18 +24,14 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.feedback-error-actions {
|
.feedback-error-actions {
|
||||||
display: grid;
|
display: flex;
|
||||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
||||||
align-items: center;
|
align-items: center;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
gap: 10rpx;
|
min-width: 0;
|
||||||
|
gap: 12rpx;
|
||||||
margin-top: 8rpx;
|
margin-top: 8rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.feedback-error-actions-single {
|
|
||||||
grid-template-columns: minmax(0, 1fr);
|
|
||||||
}
|
|
||||||
|
|
||||||
.feedback-error-message {
|
.feedback-error-message {
|
||||||
display: block;
|
display: block;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
@@ -77,8 +73,12 @@
|
|||||||
.feedback-error-copy,
|
.feedback-error-copy,
|
||||||
.feedback-error-retry {
|
.feedback-error-retry {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
flex: 1 1 0;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
width: 0;
|
||||||
|
min-width: 0;
|
||||||
|
max-width: none;
|
||||||
height: 62rpx;
|
height: 62rpx;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
@@ -90,18 +90,12 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.feedback-error-copy {
|
.feedback-error-copy {
|
||||||
width: 100%;
|
|
||||||
min-width: 0;
|
|
||||||
max-width: none;
|
|
||||||
padding: 0;
|
padding: 0;
|
||||||
background: rgba(155, 44, 39, 0.08);
|
background: #f1f3f6;
|
||||||
color: #9b2c27;
|
color: #6e6e73;
|
||||||
}
|
}
|
||||||
|
|
||||||
.feedback-error-retry {
|
.feedback-error-retry {
|
||||||
width: 100%;
|
|
||||||
min-width: 0;
|
|
||||||
max-width: none;
|
|
||||||
padding: 0;
|
padding: 0;
|
||||||
background: #007aff;
|
background: #007aff;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
@@ -124,7 +118,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.feedback-error-copy:active {
|
.feedback-error-copy:active {
|
||||||
background: rgba(155, 44, 39, 0.14);
|
background: #e5e5ea;
|
||||||
}
|
}
|
||||||
|
|
||||||
.feedback-error-retry:active {
|
.feedback-error-retry:active {
|
||||||
|
|||||||
Reference in New Issue
Block a user