feat: remove drag-and-drop functionality for TOTP and website rows; update styles and translations for improved user experience

This commit is contained in:
shuaiplus
2026-05-08 16:09:02 +08:00
parent 2e9bbe6801
commit 5809e3eebc
11 changed files with 80 additions and 402 deletions
+1 -43
View File
@@ -779,7 +779,7 @@
.totp-code-row {
@apply grid w-full min-w-0 max-w-none items-center gap-2.5 rounded-xl border p-3;
grid-template-columns: auto minmax(0, 1fr) auto;
grid-template-columns: minmax(0, 1fr) auto;
border-color: #e2e8f0;
background: #f8fafc;
transition:
@@ -790,52 +790,10 @@
opacity var(--dur-fast) var(--ease-smooth);
}
.totp-code-row.is-dragging {
@apply z-[2];
border-color: rgba(37, 99, 235, 0.3);
background: color-mix(in srgb, var(--panel) 88%, white 12%);
box-shadow: 0 18px 36px rgba(15, 23, 42, 0.14);
}
.totp-code-info {
@apply flex min-w-0 items-center gap-2.5;
}
.totp-drag-btn {
@apply relative h-[34px] w-6 min-w-6 cursor-grab self-center overflow-visible rounded-[10px] p-0 opacity-[0.82];
color: var(--muted);
touch-action: none;
-webkit-user-select: none;
user-select: none;
border-color: transparent;
background: transparent;
box-shadow: none;
}
.totp-drag-btn:hover {
color: var(--primary-strong);
border-color: transparent;
background: transparent;
box-shadow: none;
opacity: 1;
}
.totp-drag-btn:active {
cursor: grabbing;
border-color: transparent;
background: transparent;
box-shadow: none;
}
.totp-drag-btn::before {
content: '';
@apply absolute -inset-2.5 rounded-xl;
}
.totp-drag-btn .btn-icon {
@apply opacity-90;
}
.totp-code-main {
@apply flex min-w-0 shrink-0 items-center gap-1.5;
}