修正通知授权列表纵向布局并展示首次生成的授权码
This commit is contained in:
parent
8d681f1281
commit
fa2d3ec690
@ -271,7 +271,8 @@
|
|||||||
|
|
||||||
.notification-settings:has(> .notification-manager-panel) > .notification-manager-panel {
|
.notification-settings:has(> .notification-manager-panel) > .notification-manager-panel {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
flex-direction: column;
|
||||||
|
align-items: stretch;
|
||||||
gap: 12px;
|
gap: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -284,7 +285,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.notification-settings:has(> .notification-manager-panel) > .notification-manager-panel :deep(.el-table) {
|
.notification-settings:has(> .notification-manager-panel) > .notification-manager-panel :deep(.el-table) {
|
||||||
flex: 1 1 auto;
|
flex: 0 0 auto;
|
||||||
width: 100% !important;
|
width: 100% !important;
|
||||||
min-width: 0 !important;
|
min-width: 0 !important;
|
||||||
}
|
}
|
||||||
@ -332,6 +333,7 @@
|
|||||||
|
|
||||||
.notification-settings:has(> .notification-manager-panel) > .notification-manager-panel .el-pagination {
|
.notification-settings:has(> .notification-manager-panel) > .notification-manager-panel .el-pagination {
|
||||||
flex: 0 0 auto;
|
flex: 0 0 auto;
|
||||||
|
align-self: flex-end;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -347,9 +349,10 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.notification-manager-secret {
|
.notification-manager-secret {
|
||||||
flex: 1 0 100%;
|
flex: 0 0 auto;
|
||||||
|
min-width: 0;
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: minmax(0, 1fr) auto;
|
grid-template-columns: minmax(0, 1fr);
|
||||||
gap: 8px 14px;
|
gap: 8px 14px;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 10px 12px;
|
padding: 10px 12px;
|
||||||
@ -572,7 +575,7 @@
|
|||||||
@media (max-width: 980px) {
|
@media (max-width: 980px) {
|
||||||
.notification-settings:has(> .notification-manager-panel) > .notification-manager-panel {
|
.notification-settings:has(> .notification-manager-panel) > .notification-manager-panel {
|
||||||
align-items: stretch;
|
align-items: stretch;
|
||||||
flex-wrap: wrap;
|
flex-wrap: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.notification-settings:has(> .notification-manager-panel) > .notification-manager-panel h3 {
|
.notification-settings:has(> .notification-manager-panel) > .notification-manager-panel h3 {
|
||||||
@ -580,7 +583,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.notification-settings:has(> .notification-manager-panel) > .notification-manager-panel :deep(.el-table) {
|
.notification-settings:has(> .notification-manager-panel) > .notification-manager-panel :deep(.el-table) {
|
||||||
flex-basis: 100%;
|
flex-basis: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.notification-settings:has(> .notification-manager-panel) > .notification-manager-panel .el-pagination {
|
.notification-settings:has(> .notification-manager-panel) > .notification-manager-panel .el-pagination {
|
||||||
|
|||||||
@ -229,8 +229,10 @@ export function usePage(props = {}) {
|
|||||||
user_id: target.user_id, version: target.version
|
user_id: target.user_id, version: target.version
|
||||||
})))
|
})))
|
||||||
if (disposed) return
|
if (disposed) return
|
||||||
if (sequence === secretSequence && (!manager.value || props.userId)) showSecret(data.code, target.account)
|
if (sequence === secretSequence && target.user_id === selectedID.value) {
|
||||||
else clearSecret()
|
if (manager.value && !props.userId) manageVisible.value = false
|
||||||
|
showSecret(data.code, target.account)
|
||||||
|
} else clearSecret()
|
||||||
await Promise.all([loadStatus(), loadAccounts()])
|
await Promise.all([loadStatus(), loadAccounts()])
|
||||||
} catch (cause) { showError(cause) }
|
} catch (cause) { showError(cause) }
|
||||||
finally { submitting.value = false }
|
finally { submitting.value = false }
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user