Separate domain access from code-channel login
This commit is contained in:
parent
066f14d007
commit
6b1bb203df
7 changed files with 324 additions and 6 deletions
|
|
@ -2903,7 +2903,7 @@ select:focus-visible {
|
|||
|
||||
.storage-sheet-backdrop {
|
||||
position: fixed;
|
||||
z-index: 100;
|
||||
z-index: 1200;
|
||||
inset: 0;
|
||||
display: grid;
|
||||
place-items: center;
|
||||
|
|
@ -3123,6 +3123,111 @@ select:focus-visible {
|
|||
flex: 1;
|
||||
}
|
||||
|
||||
.domain-connection-sheet .storage-sheet-header > div {
|
||||
display: grid;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.domain-connection-sheet .storage-sheet-header small {
|
||||
color: var(--lake-accent);
|
||||
font-size: 9px;
|
||||
letter-spacing: .12em;
|
||||
}
|
||||
|
||||
.domain-connection-lead,
|
||||
.domain-connection-boundary {
|
||||
margin: 18px 20px 0;
|
||||
color: var(--lake-text-soft);
|
||||
font-size: 12px;
|
||||
line-height: 1.65;
|
||||
}
|
||||
|
||||
.domain-node-modes {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 10px;
|
||||
padding: 16px 20px;
|
||||
}
|
||||
|
||||
.domain-node-modes article {
|
||||
display: flex;
|
||||
gap: 11px;
|
||||
padding: 13px;
|
||||
border: 1px solid var(--lake-border-soft);
|
||||
border-radius: 11px;
|
||||
background: rgba(7, 17, 29, .62);
|
||||
}
|
||||
|
||||
.domain-node-modes svg {
|
||||
width: 19px;
|
||||
color: var(--lake-accent);
|
||||
}
|
||||
|
||||
.domain-node-modes strong,
|
||||
.domain-node-modes small {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.domain-node-modes strong { font-size: 12px; }
|
||||
.domain-node-modes small { margin-top: 5px; color: var(--lake-muted); font-size: 9px; line-height: 1.5; }
|
||||
|
||||
.domain-connection-steps {
|
||||
display: grid;
|
||||
gap: 7px;
|
||||
margin: 0;
|
||||
padding: 0 20px;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.domain-connection-steps li {
|
||||
display: grid;
|
||||
grid-template-columns: 32px minmax(0, 1fr) auto;
|
||||
align-items: center;
|
||||
gap: 11px;
|
||||
padding: 11px 12px;
|
||||
border: 1px solid var(--lake-border-soft);
|
||||
border-radius: 10px;
|
||||
background: rgba(9, 21, 34, .7);
|
||||
}
|
||||
|
||||
.domain-connection-steps li > span {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
display: grid;
|
||||
place-items: center;
|
||||
border-radius: 50%;
|
||||
background: rgba(209, 154, 51, .12);
|
||||
color: #d9ad5f;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.domain-connection-steps li[data-state="verified"] > span {
|
||||
background: rgba(81, 200, 120, .12);
|
||||
color: var(--lake-success);
|
||||
}
|
||||
|
||||
.domain-connection-steps svg { width: 15px; }
|
||||
.domain-connection-steps strong,
|
||||
.domain-connection-steps small { display: block; }
|
||||
.domain-connection-steps strong { font-size: 11px; }
|
||||
.domain-connection-steps small { margin-top: 3px; color: var(--lake-muted); font-size: 9px; line-height: 1.45; }
|
||||
.domain-connection-steps em { color: #d9ad5f; font-size: 9px; font-style: normal; }
|
||||
.domain-connection-steps li[data-state="verified"] em { color: var(--lake-success); }
|
||||
|
||||
.domain-connection-boundary {
|
||||
margin-bottom: 18px;
|
||||
padding: 10px 12px;
|
||||
border-left: 2px solid var(--lake-accent);
|
||||
background: var(--lake-accent-soft);
|
||||
color: #a9c8d0;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
@media (max-width: 660px) {
|
||||
.domain-node-modes { grid-template-columns: 1fr; }
|
||||
.domain-connection-sheet .storage-sheet-footer { flex-wrap: wrap; }
|
||||
}
|
||||
|
||||
.human-settings-backdrop {
|
||||
position: fixed;
|
||||
z-index: 110;
|
||||
|
|
|
|||
Loading…
Reference in a new issue