mirror of
https://github.com/shuaiplus/nodewarden.git
synced 2026-06-22 21:50:13 +00:00
feat: enhance TOTP formatting and improve responsive styles for TOTP codes display
This commit is contained in:
@@ -681,6 +681,20 @@
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.totp-codes-list {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.totp-code-row {
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
.totp-code-main {
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.totp-qr {
|
||||
min-height: 180px;
|
||||
}
|
||||
@@ -892,6 +906,10 @@
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.totp-code-main strong {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.settings-module .field,
|
||||
.auth-card .field {
|
||||
margin-bottom: 8px;
|
||||
|
||||
@@ -952,7 +952,7 @@ select.input.duplicate-mode-toolbar-select {
|
||||
|
||||
.totp-codes-list {
|
||||
@apply grid w-full items-start gap-2.5;
|
||||
grid-template-columns: repeat(var(--totp-columns, 1), minmax(300px, 1fr));
|
||||
grid-template-columns: repeat(var(--totp-columns, 1), minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.totp-code-row {
|
||||
@@ -977,7 +977,7 @@ select.input.duplicate-mode-toolbar-select {
|
||||
}
|
||||
|
||||
.totp-code-main strong {
|
||||
@apply whitespace-nowrap text-[22px] leading-none;
|
||||
@apply min-w-0 whitespace-nowrap text-[22px] leading-none;
|
||||
letter-spacing: 0.04em;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user