Restructure css

module/webui/scripts/about.js

@@ -0,0 +1,54 @@
+import { execCommand } from './main.js';
+
+const telegramLink = document.getElementById('telegram');
+const githubLink = document.getElementById('github');
+
+// Function to show about overlay
+export function aboutMenu() {
+    const aboutOverlay = document.getElementById('about-overlay');
+    const aboutMenu = document.getElementById('about-menu');
+    const closeAbout = document.getElementById('close-about');
+    const showMenu = () => {
+        aboutOverlay.style.display = 'flex';
+        setTimeout(() => {
+            aboutOverlay.style.opacity = '1';
+            aboutMenu.style.opacity = '1';
+        }, 10);
+        document.body.style.overflow = 'hidden';
+    };
+    const hideMenu = () => {
+        aboutOverlay.style.opacity = '0';
+        aboutMenu.style.opacity = '0';
+        setTimeout(() => {
+            aboutOverlay.style.display = 'none';
+            document.body.style.overflow = 'auto';
+        }, 200);
+    };
+    showMenu();
+    closeAbout.addEventListener('click', (event) => {
+        event.stopPropagation();
+        hideMenu();
+    });
+    aboutOverlay.addEventListener('click', (event) => {
+        if (!aboutMenu.contains(event.target)) {
+            hideMenu();
+        }
+    });
+    menu.addEventListener('click', (event) => event.stopPropagation());
+}
+
+// Event listener for link redirect
+telegramLink.addEventListener('click', async () => {
+    try {
+        await execCommand('am start -a android.intent.action.VIEW -d https://t.me/kowchannel');
+    } catch (error) {
+        console.error('Error opening Telegram link:', error);
+    }
+});
+githubLink.addEventListener('click', async () => {
+    try {
+        await execCommand('am start -a android.intent.action.VIEW -d https://github.com/KOWX712/Tricky-Addon-Update-Target-List');
+    } catch (error) {
+        console.error('Error opening GitHub link:', error);
+    }
+});