-
-
-
-
-
+
+
+
-
+
diff --git a/js/app.js b/js/app.js
index 3ca0ef6..e0d8104 100644
--- a/js/app.js
+++ b/js/app.js
@@ -10,6 +10,9 @@ let activeChatState = null;
const messageTone = new Audio("./message.ogg");
document.addEventListener('DOMContentLoaded', async () => {
+ elements.inputApiKey.value = config.apiKey;
+ elements.inputWahaUrl.value = config.wahaUrl;
+ elements.inputSession.value = config.session;
await updateOnlineStatus();
setupEventListeners();
try {
@@ -381,9 +384,7 @@ async function sendFileMessage(file) {
}
function openSettings() {
- elements.inputWahaUrl.value = config.wahaUrl;
- elements.inputSession.value = config.session;
- elements.inputApiKey.value = config.apiKey;
+
ui.toggleModal(true);
}
diff --git a/js/ui.js b/js/ui.js
index 28adc58..f6593e8 100644
--- a/js/ui.js
+++ b/js/ui.js
@@ -20,7 +20,7 @@ export const elements = {
backToSidebarBtn: document.querySelector('.chat-header'),
sidebar: document.querySelector('.sidebar'),
appContainer: document.querySelector('.app-container'),
- settingsModal: document.getElementById('settings-modal'),
+ settingsModal: document.getElementById('settings-page'),
settingsIconBtn: document.querySelector('.header-actions button[title="Settings"]'),
cancelSettingsBtn: document.getElementById('cancel-settings'),
saveSettingsBtn: document.getElementById('save-settings'),
@@ -41,9 +41,9 @@ export const ui = {
*/
toggleModal(show) {
if (show) {
- elements.settingsModal.classList.remove('hidden');
+ elements.settingsModal.scrollTo();
} else {
- elements.settingsModal.classList.add('hidden');
+ elements.sidebar.scrollTo();
}
},
diff --git a/style.css b/style.css
index 659fe7c..1bd95b9 100644
--- a/style.css
+++ b/style.css
@@ -738,6 +738,16 @@ input:focus {
display: none !important;
}
+/* Extra Pages */
+.extra-page {
+ display: none;
+}
+
+.extra-page-content {
+ padding: 24px;
+ color: var(--text-secondary);
+}
+
@media (max-width: 768px) {
.app-container {
width: 100%;
@@ -783,6 +793,21 @@ input:focus {
scroll-snap-stop: always;
}
+ .extra-page {
+ display: block;
+ width: 100%;
+ flex: 0 0 100%;
+ position: relative;
+ left: auto;
+ top: auto;
+ height: 100%;
+ z-index: 1;
+ scroll-snap-align: start;
+ scroll-snap-stop: always;
+ background-color: var(--bg-main);
+ overflow-y: auto;
+ }
+
/* Disable scrolling to active chat if none is selected */
/* .app-container.no-active-chat .chat-area {
display: none !important;