|
|
@@ -290,27 +290,35 @@ const openHelp = () => {
|
|
|
font-size: 9px;
|
|
|
}
|
|
|
|
|
|
-.code-input-row {
|
|
|
+.code-input-row {
|
|
|
display: flex;
|
|
|
- gap: 5px;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ gap: 4px; background: #d1d5db;
|
|
|
+ border-radius: 999px;
|
|
|
+ padding: 4px 8px;
|
|
|
+ width: 110px;
|
|
|
+ height: 28px;
|
|
|
+ margin: 0 auto;
|
|
|
}
|
|
|
|
|
|
-.code-input-box {
|
|
|
- width: 16px;
|
|
|
- height: 22px;
|
|
|
- background: #d1d5db;
|
|
|
- border: none;
|
|
|
- border-radius: 6px;
|
|
|
- text-align: center;
|
|
|
- font-size: 11px;
|
|
|
- font-weight: 700;
|
|
|
- color: #1a1a2e;
|
|
|
- outline: none;
|
|
|
- caret-color: transparent;
|
|
|
- &:focus {
|
|
|
- background: #bec3cc;
|
|
|
- box-shadow: 0 0 0 2px rgba(139, 92, 246, 0.4);
|
|
|
- }
|
|
|
+.code-input-box {
|
|
|
+ width: 16px;
|
|
|
+ height: 18px;
|
|
|
+ background: transparent;
|
|
|
+ border: none;
|
|
|
+ border-bottom: 2px solid white;
|
|
|
+ border-radius: 0;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 11px;
|
|
|
+ font-weight: 700;
|
|
|
+ color: #1a1a2e;
|
|
|
+ outline: none;
|
|
|
+ caret-color: transparent;
|
|
|
+ &:focus {
|
|
|
+ border-bottom: 2px solid #ffffff;
|
|
|
+ box-shadow: none;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.code-error-text {
|
