yilsemandClaude Opus 5.5
03d3803dfc
Settings gets a Phone link window: when enabled, the IDE main process runs a small TLS proxy on the local network (self-signed certificate, pinned by its fingerprint) in front of the loopback backend and pairs a phone by QR code or an 8-character code. Each phone gets its own revocable token; the backend session token never leaves the computer. The root page, terminal sockets and secret or settings-changing endpoints are not reachable from a phone. The old WebRTC pairing window is replaced. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01B8ppceaR5s6cvMnm7uGRnf
17 lines
1.3 KiB
CSS
17 lines
1.3 KiB
CSS
/* "Telefon bağlantısı" window; builds on apps/mobile/src/style.css (copied to dist/mobile/). */
|
||
.switch { display:flex; align-items:center; gap:10px; margin:22px 0; font-size:1.1rem; cursor:pointer }
|
||
.switch input { width:26px; height:26px; margin:0; flex:none }
|
||
.warning { border-left:3px solid var(--danger); background:var(--surface); padding:10px 14px; margin:16px 0 }
|
||
.warning p { color:var(--text); margin:4px 0 }
|
||
.code { font-family:ui-monospace,Consolas,monospace; font-size:2.6rem; font-weight:750; letter-spacing:.12em; color:var(--text); text-align:center; margin:10px 0; user-select:all }
|
||
.countdown { text-align:center; color:var(--text); font-weight:600 }
|
||
.hint { text-align:center }
|
||
#pair-qr { display:block; margin:14px auto; border-radius:8px; width:260px; height:260px }
|
||
#pair-live p { text-align:center }
|
||
.device { display:flex; align-items:center; justify-content:space-between; gap:12px; border:1px solid var(--stroke); border-radius:8px; padding:10px 14px; margin:10px 0 }
|
||
.device strong { color:var(--text); display:block; overflow-wrap:anywhere }
|
||
.device small { display:block }
|
||
.device button { flex:none; margin:0 }
|
||
footer { margin-top:34px }
|
||
button.link { background:none; color:var(--accent); min-height:0; padding:0; margin:0; font-weight:600; text-decoration:underline }
|