feat: improve account deletion and Agent authorization review
This commit is contained in:
陈煜 committed
1 parent
5ad64460f7
commit
91365ee315
21 files changed
+2276
-713
No files matched your search
@@ -2042,3 +2042,229 @@ textarea,
|
||||
.agent-tabs button {
|
||||
min-height: 40px;
|
||||
}
|
||||
|
||||
/* Agent setup and standalone review pages */
|
||||
.agent-review-page {
|
||||
max-width: 880px;
|
||||
margin: 0 auto;
|
||||
padding: 32px 24px 64px;
|
||||
}
|
||||
.agent-review-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 20px;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
.agent-review-header a {
|
||||
font-size: 22px;
|
||||
font-weight: 800;
|
||||
margin-right: auto;
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
}
|
||||
.agent-consent-card h1 {
|
||||
font-size: clamp(24px, 4vw, 32px);
|
||||
line-height: 1.35;
|
||||
margin: 18px 0 12px;
|
||||
}
|
||||
.agent-consent-card > p {
|
||||
line-height: 1.7;
|
||||
}
|
||||
.agent-tabs {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
flex-wrap: wrap;
|
||||
margin: 24px 0;
|
||||
}
|
||||
.agent-connect-layout {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 2fr) minmax(240px, 1fr);
|
||||
gap: 24px;
|
||||
align-items: start;
|
||||
}
|
||||
.agent-step-number {
|
||||
display: inline-grid;
|
||||
place-items: center;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
border-radius: 50%;
|
||||
background: #e8f3ef;
|
||||
color: #246952;
|
||||
font-weight: 700;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.agent-setup h3 {
|
||||
margin: 10px 0;
|
||||
}
|
||||
.agent-help {
|
||||
position: sticky;
|
||||
top: 24px;
|
||||
}
|
||||
.agent-permission-choices {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: 12px;
|
||||
margin: 20px 0;
|
||||
}
|
||||
.permission-choice {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
text-align: left;
|
||||
gap: 8px;
|
||||
padding: 18px;
|
||||
height: 100%;
|
||||
border: 1px solid #dde4df;
|
||||
border-radius: 14px;
|
||||
background: #fff;
|
||||
color: #24392f;
|
||||
white-space: normal;
|
||||
}
|
||||
.permission-choice span {
|
||||
font-size: 13px;
|
||||
line-height: 1.6;
|
||||
color: #617068;
|
||||
}
|
||||
.permission-choice.selected {
|
||||
border-color: #327d60;
|
||||
background: #f0f8f3;
|
||||
box-shadow: inset 0 0 0 1px #327d60;
|
||||
}
|
||||
.agent-final-permission {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
padding: 18px;
|
||||
margin: 24px 0;
|
||||
border-radius: 12px;
|
||||
background: #f0f8f3;
|
||||
color: #2c5d48;
|
||||
}
|
||||
.agent-warning {
|
||||
padding: 16px;
|
||||
border-radius: 12px;
|
||||
background: #fff4e7;
|
||||
color: #8b5013;
|
||||
line-height: 1.6;
|
||||
margin: 20px 0;
|
||||
}
|
||||
.agent-fields {
|
||||
margin: 20px 0;
|
||||
}
|
||||
.agent-field {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(110px, 1fr) minmax(0, 3fr);
|
||||
gap: 20px;
|
||||
padding: 13px 0;
|
||||
border-bottom: 1px solid #e8ece9;
|
||||
}
|
||||
.agent-fields dt {
|
||||
color: #617068;
|
||||
font-size: 14px;
|
||||
}
|
||||
.agent-fields dd {
|
||||
margin: 0;
|
||||
overflow-wrap: anywhere;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
.agent-field-section {
|
||||
padding: 12px 0;
|
||||
}
|
||||
.agent-field-section h3 {
|
||||
font-size: 16px;
|
||||
}
|
||||
.agent-tool-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: 14px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.agent-tool-card {
|
||||
border: 1px solid #e3e9e5;
|
||||
border-radius: 12px;
|
||||
padding: 18px;
|
||||
}
|
||||
.agent-tool-card h4 {
|
||||
margin: 0 0 12px;
|
||||
}
|
||||
.agent-tool-card code {
|
||||
font-size: 12px;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
.agent-review-link {
|
||||
background: #246952;
|
||||
color: #fff;
|
||||
padding: 10px 16px;
|
||||
border-radius: 10px;
|
||||
text-decoration: none;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.agent-empty {
|
||||
text-align: center;
|
||||
padding: 28px 16px;
|
||||
color: #617068;
|
||||
}
|
||||
.agent-card + .agent-card {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.agent-form .check-line {
|
||||
display: flex;
|
||||
}
|
||||
.agent-consent-card .modal-actions {
|
||||
flex-wrap: wrap;
|
||||
margin-top: 28px;
|
||||
}
|
||||
.agent-secret {
|
||||
user-select: text;
|
||||
}
|
||||
@media (max-width: 760px) {
|
||||
.agent-connect-layout,
|
||||
.agent-permission-choices,
|
||||
.agent-tool-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
.agent-help {
|
||||
position: static;
|
||||
}
|
||||
.agent-review-page {
|
||||
padding: 20px 14px 40px;
|
||||
}
|
||||
.agent-row {
|
||||
flex-wrap: wrap;
|
||||
gap: 12px;
|
||||
}
|
||||
.agent-field {
|
||||
grid-template-columns: minmax(90px, 1fr) minmax(0, 2fr);
|
||||
gap: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
.agent-consent-card .agent-scope-options .check-line {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.agent-consent-card .check-line input[type='checkbox'],
|
||||
.agent-form .check-line input[type='checkbox'] {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
min-height: 18px;
|
||||
padding: 0;
|
||||
flex: 0 0 18px;
|
||||
}
|
||||
.agent-existing {
|
||||
padding: 16px;
|
||||
background: #f8faf8;
|
||||
border-radius: 12px;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.agent-setup .agent-scope-options .check-line {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
.agent-setup .check-line input[type='checkbox'] {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
flex: 0 0 18px;
|
||||
}
|
||||
Reference in new issue
Block a user