🆙 Added Step 3 for UI login registration

This commit is contained in:
duckietm
2026-04-22 16:26:49 +02:00
parent 947b83a0ed
commit ce54d7bc53
2 changed files with 182 additions and 10 deletions
+67
View File
@@ -454,3 +454,70 @@
font-size: 11px;
}
/* ─── Room template picker (step 3) ─── */
.nitro-login-card .room-templates-list {
display: flex;
flex-direction: column;
gap: 6px;
max-height: 260px;
overflow-y: auto;
padding-right: 4px;
}
.nitro-login-card .room-template-option {
display: flex;
align-items: flex-start;
gap: 10px;
padding: 8px 10px;
border: 1px solid #b6cfdd;
border-radius: 4px;
background: #eef4f8;
cursor: pointer;
transition: border-color 0.15s, background 0.15s;
}
.nitro-login-card .room-template-option:hover {
border-color: #7fa9c3;
}
.nitro-login-card .room-template-option.selected {
border-color: #2e6b92;
background: #d9e8f2;
}
.nitro-login-card .room-template-option input[type="radio"] {
margin: 2px 0 0 0;
flex-shrink: 0;
cursor: pointer;
}
.nitro-login-card .room-template-thumb {
width: 48px;
height: 48px;
object-fit: cover;
border-radius: 3px;
flex-shrink: 0;
}
.nitro-login-card .room-template-body {
display: flex;
flex-direction: column;
gap: 2px;
min-width: 0;
flex: 1;
}
.nitro-login-card .room-template-title {
font-weight: 700;
font-size: 12px;
color: #0a2e45;
line-height: 1.2;
}
.nitro-login-card .room-template-description {
font-size: 11px;
color: #2a4a5c;
line-height: 1.3;
}