feat: implement session timeout feature with customizable actions and update UI components

This commit is contained in:
shuaiplus
2026-04-25 03:49:15 +08:00
parent a1f7250e90
commit db8b9263a1
7 changed files with 302 additions and 135 deletions
+50 -1
View File
@@ -425,8 +425,57 @@
@apply mb-2;
}
.settings-modules-grid {
@apply grid gap-3;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.settings-module {
@apply min-w-0;
}
.settings-module h3 {
@apply mb-4 mt-0 text-base font-extrabold;
color: var(--text);
}
.settings-module-placeholder {
@apply flex min-h-[150px] flex-col items-center justify-center gap-3 text-base font-extrabold;
color: var(--muted);
}
.settings-module-placeholder svg {
color: var(--primary-strong);
}
.settings-module .field:last-child,
.session-timeout-fields .field {
@apply mb-0;
}
.session-timeout-fields {
@apply grid gap-3;
}
.sensitive-actions-grid {
@apply grid gap-3;
}
.sensitive-action {
@apply rounded-lg border p-3.5;
border-color: var(--line-soft);
background: color-mix(in srgb, var(--surface) 74%, transparent);
}
.sensitive-action h4 {
@apply mb-1 mt-0 text-base font-extrabold;
color: var(--text);
}
.recovery-code-card {
@apply mb-0 mt-2.5;
@apply mb-0 mt-2.5 rounded-lg border p-3;
border-color: var(--line-soft);
background: color-mix(in srgb, var(--surface) 84%, transparent);
}
.recovery-code-value {