itlxrd/Psychotoxical-psysonic
1
0
Fork 0
mirror of https://github.com/Psychotoxical/psysonic.git synced 2026-07-22 07:15:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore(orbit): picker modal when multiple accounts match the link's server

Browse Source 
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Psychotoxical
2026-04-24 18:49:55 +02:00
parent 6370b5fa3c
commit d912c4293b
8 changed files with 201 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/components.css
+64
View File
@@ -11918,6 +11918,70 @@ html[data-psy-native-hidden="true"] *::after {
cursor: not-allowed;
}
/* Account picker — modal for multi-account server switch on Orbit join. */
.orbit-account-picker {
max-width: 420px;
width: min(420px, calc(100vw - 32px));
padding: 22px 26px 20px;
position: relative;
}
.orbit-account-picker__title {
margin: 0 0 6px;
padding-right: 1.5rem;
font-size: 17px;
font-weight: 700;
color: var(--text-primary);
letter-spacing: -0.01em;
}
.orbit-account-picker__sub {
margin: 0 0 14px;
font-size: 13px;
color: var(--text-muted);
line-height: 1.5;
}
.orbit-account-picker__list {
list-style: none;
padding: 0;
margin: 0 0 14px;
display: flex;
flex-direction: column;
gap: 4px;
}
.orbit-account-picker__item {
display: flex;
align-items: center;
gap: 10px;
width: 100%;
padding: 10px 12px;
font-size: 13px;
text-align: left;
background: color-mix(in srgb, var(--text-primary) 4%, transparent);
border: 1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
border-radius: var(--radius-sm);
color: var(--text-primary);
cursor: pointer;
transition: background 120ms ease, border-color 120ms ease;
}
.orbit-account-picker__item svg {
color: var(--accent);
flex-shrink: 0;
}
.orbit-account-picker__item:hover {
background: color-mix(in srgb, var(--accent) 12%, transparent);
border-color: color-mix(in srgb, var(--accent) 35%, transparent);
}
.orbit-account-picker__user {
font-weight: 600;
}
.orbit-account-picker__name {
color: var(--text-muted);
font-weight: 400;
}
.orbit-account-picker__actions {
display: flex;
justify-content: flex-end;
}
/* ── Start-session modal ────────────────────────────────────────── */
.orbit-start-overlay {
align-items: center;