diff --git a/extension/popup.html b/extension/popup.html
index 710560d..600a838 100644
--- a/extension/popup.html
+++ b/extension/popup.html
@@ -237,6 +237,45 @@
from { opacity: 1; }
to { opacity: 0; transform: translateY(-10px); }
}
+
+ /* Toggle Switch CSS */
+ .toggle-switch {
+ position: relative;
+ display: inline-block;
+ width: 36px;
+ height: 20px;
+ }
+ .toggle-switch input {
+ opacity: 0;
+ width: 0;
+ height: 0;
+ }
+ .slider {
+ position: absolute;
+ cursor: pointer;
+ top: 0; left: 0; right: 0; bottom: 0;
+ background-color: #334155;
+ transition: .3s;
+ border-radius: 20px;
+ }
+ .slider:before {
+ position: absolute;
+ content: "";
+ height: 14px;
+ width: 14px;
+ left: 3px;
+ bottom: 3px;
+ background-color: #94a3b8;
+ transition: .3s;
+ border-radius: 50%;
+ }
+ input:checked + .slider {
+ background-color: var(--accent);
+ }
+ input:checked + .slider:before {
+ transform: translateX(16px);
+ background-color: white;
+ }
@@ -379,23 +418,35 @@
-
-
+
+
-
-
+
+
-
-
+
+
-
-
+
+
diff --git a/extension/popup.js b/extension/popup.js
index 2414d75..4fa7cf5 100644
--- a/extension/popup.js
+++ b/extension/popup.js
@@ -155,9 +155,11 @@ function updateUI(roomId, password, useCustomServer = false, serverUrl = '') {
const inRoom = !!roomId;
toggleUIState(inRoom);
if (inRoom) {
- const serverFlag = useCustomServer ? '1' : '0';
- const encodedUrl = encodeURIComponent(serverUrl || '');
- const invite = `${OFFICIAL_LANDING_PAGE_URL}/join.html#join:${roomId}:${password}:${serverFlag}:${encodedUrl}`;
+ let invite = `${OFFICIAL_LANDING_PAGE_URL}/join.html#join:${roomId}:${password}`;
+ if (useCustomServer) {
+ const encodedUrl = encodeURIComponent(serverUrl || '');
+ invite += `:1:${encodedUrl}`;
+ }
elements.inviteLink.value = invite;
if (window.justCreatedRoom) {
@@ -1417,6 +1419,7 @@ let onboardingStep = 0;
function showOnboarding() {
const overlay = document.getElementById('onboarding-overlay');
if (!overlay) return;
+ document.body.style.minHeight = '400px';
overlay.style.display = 'flex';
renderOnboardingStep();
}
@@ -1464,6 +1467,7 @@ function renderOnboardingStep() {
function completeOnboarding() {
const overlay = document.getElementById('onboarding-overlay');
if (overlay) overlay.style.display = 'none';
+ document.body.style.minHeight = '';
chrome.storage.sync.set({ onboardingComplete: true });
const inRoom = elements.sectionActive && elements.sectionActive.style.display === 'block';