snapshot: preserve totp account security baseline
This commit is contained in:
@@ -298,6 +298,34 @@ body {
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
.account-totp-card {
|
||||
margin-bottom: 18px;
|
||||
padding: 18px;
|
||||
border-radius: 18px;
|
||||
border: 1px solid #dbe5f2;
|
||||
background:
|
||||
radial-gradient(circle at top right, rgba(30, 64, 175, 0.08), transparent 28%),
|
||||
#f9fbff;
|
||||
}
|
||||
|
||||
.account-totp-card h3 {
|
||||
margin: 0 0 6px;
|
||||
color: #132238;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.account-secret {
|
||||
display: block;
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
|
||||
font-size: 12px;
|
||||
line-height: 1.55;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.account-totp-form {
|
||||
margin-top: 14px;
|
||||
}
|
||||
|
||||
.account-action-card {
|
||||
display: grid;
|
||||
gap: 6px;
|
||||
|
||||
@@ -12,6 +12,19 @@ h1 { margin: 12px 0 6px; color: #000078; }
|
||||
.branding-block-head { margin-bottom: 12px; }
|
||||
.branding-block-head h2 { margin: 0; color: #17345e; font-size: 18px; }
|
||||
.branding-block-head p { margin: 4px 0 0; color: #60738d; font-size: 13px; }
|
||||
.branding-inline-head, .company-inline-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; }
|
||||
.branding-inline-trigger, .company-inline-trigger { min-width: 112px; }
|
||||
.branding-inline-view.is-hidden, .branding-inline-form.is-hidden, .company-inline-view.is-hidden, .company-inline-form.is-hidden { display: none; }
|
||||
.branding-inline-value, .company-inline-value { min-height: 40px; padding: 10px 12px; border: 1px solid #d9e4f1; border-radius: 10px; background: rgba(248,251,255,0.92); color: #18335b; line-height: 1.45; word-break: break-word; }
|
||||
.branding-inline-actions, .company-inline-actions { display: flex; gap: 10px; margin-top: 14px; }
|
||||
.branding-inline-error, .company-inline-error { margin-top: 6px; color: #ab1e1e; font-size: 12px; line-height: 1.4; }
|
||||
.company-inline-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; }
|
||||
.company-inline-trigger { min-width: 112px; }
|
||||
.company-inline-view.is-hidden, .company-inline-form.is-hidden { display: none; }
|
||||
.company-inline-value { min-height: 40px; padding: 10px 12px; border: 1px solid #d9e4f1; border-radius: 10px; background: rgba(248,251,255,0.92); color: #18335b; line-height: 1.45; word-break: break-word; }
|
||||
.company-inline-actions { display: flex; gap: 10px; margin-top: 14px; }
|
||||
.company-inline-error { margin-top: 6px; color: #ab1e1e; font-size: 12px; line-height: 1.4; }
|
||||
.field.has-error input, .field.has-error select, .field.has-error textarea { border-color: #e3a3a3; background: #fffafa; box-shadow: 0 0 0 4px rgba(185, 28, 28, 0.06); }
|
||||
.lang-pairs { align-items: start; }
|
||||
.lang-block { border: 1px solid #d9e4f1; border-radius: 14px; background: rgba(255,255,255,0.82); padding: 12px; }
|
||||
.lang-block h3 { margin: 0 0 10px; color: #223b63; font-size: 15px; }
|
||||
@@ -146,14 +159,18 @@ th { background: #f6f9ff; color: #334155; }
|
||||
.app-registry-card { border: 1px solid #d9e4f1; border-radius: 18px; background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(246,250,255,0.95)); padding: 16px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.94); transition: border-color 180ms cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 220ms cubic-bezier(0.2, 0.8, 0.2, 1), transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1), opacity 180ms cubic-bezier(0.2, 0.8, 0.2, 1); }
|
||||
.app-registry-card:hover { transform: translateY(-1px); box-shadow: 0 12px 24px rgba(16, 32, 57, 0.06); border-color: #c9d8eb; }
|
||||
.app-registry-card.is-disabled { opacity: 0.84; }
|
||||
.app-registry-card.is-dragging { opacity: 0.55; transform: rotate(0.4deg); box-shadow: 0 18px 28px rgba(16, 32, 57, 0.14); }
|
||||
.app-registry-card[hidden] { display: none !important; }
|
||||
.app-registry-card-head { display: flex; justify-content: space-between; align-items: start; gap: 14px; margin-bottom: 14px; }
|
||||
.app-registry-card-title-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 4px; }
|
||||
.app-registry-card-title-row h2 { margin: 0; color: #17345e; font-size: 19px; }
|
||||
.app-registry-card-copy { margin: 8px 0 0; color: #60738d; max-width: 760px; }
|
||||
.app-registry-summary { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(260px, 0.9fr); gap: 16px; align-items: center; list-style: none; cursor: pointer; }
|
||||
.app-registry-summary { display: grid; grid-template-columns: 28px minmax(0, 1.5fr) minmax(260px, 0.9fr); gap: 16px; align-items: center; list-style: none; cursor: pointer; }
|
||||
.app-registry-summary::-webkit-details-marker { display: none; }
|
||||
.app-registry-summary::marker { display: none; }
|
||||
.app-registry-drag-handle { display: inline-flex; align-items: center; justify-content: center; width: 28px; min-height: 42px; border-radius: 10px; border: 1px dashed #cbd7e6; background: #f8fbff; color: #5f6f85; font-size: 15px; letter-spacing: 0.04em; cursor: grab; user-select: none; }
|
||||
.app-registry-card.is-dragging .app-registry-drag-handle { cursor: grabbing; }
|
||||
.app-registry-card.drag-disabled .app-registry-drag-handle { opacity: 0.4; cursor: not-allowed; border-style: solid; }
|
||||
.app-registry-summary-main { min-width: 0; }
|
||||
.app-registry-summary-meta { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; align-items: center; }
|
||||
.app-registry-card-grid { display: grid; grid-template-columns: repeat(2, minmax(260px, 1fr)); gap: 12px; align-items: start; }
|
||||
@@ -187,6 +204,8 @@ th { background: #f6f9ff; color: #334155; }
|
||||
.actions { white-space: nowrap; }
|
||||
@media (max-width: 760px) {
|
||||
.grid { grid-template-columns: 1fr; }
|
||||
.branding-inline-head, .company-inline-head { flex-direction: column; }
|
||||
.branding-inline-actions, .company-inline-actions { flex-direction: column; }
|
||||
.trial-summary-grid { grid-template-columns: 1fr 1fr; }
|
||||
.trial-expired-shell { padding: 20px 16px 28px; }
|
||||
.trial-expired-card { padding: 18px; }
|
||||
@@ -200,3 +219,9 @@ th { background: #f6f9ff; color: #334155; }
|
||||
.app-registry-copy-panel { grid-column: auto; }
|
||||
.app-registry-savebar { align-items: stretch; flex-direction: column; }
|
||||
}
|
||||
.app-registry-groups { display: grid; gap: 18px; }
|
||||
.app-registry-group { border: 1px solid #d7e3f0; border-radius: 18px; background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(244,248,255,0.95)); padding: 14px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.94); }
|
||||
.app-registry-group-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 14px; }
|
||||
.app-registry-group-head h2 { margin: 0; color: #17345e; font-size: 18px; }
|
||||
.app-registry-group-body { display: grid; gap: 14px; }
|
||||
.app-registry-group[hidden] { display: none !important; }
|
||||
|
||||
Reference in New Issue
Block a user