diff --git a/docs/md_v2/marketplace/app-detail.css b/docs/md_v2/marketplace/app-detail.css
index 0e5d0002..25a8cf66 100644
--- a/docs/md_v2/marketplace/app-detail.css
+++ b/docs/md_v2/marketplace/app-detail.css
@@ -278,12 +278,12 @@
}
.tab-content {
- display: none;
+ display: none !important;
padding: 2rem;
}
.tab-content.active {
- display: block;
+ display: block !important;
}
/* Overview Layout */
diff --git a/docs/md_v2/marketplace/app-detail.html b/docs/md_v2/marketplace/app-detail.html
index fbc8c13d..574f9f40 100644
--- a/docs/md_v2/marketplace/app-detail.html
+++ b/docs/md_v2/marketplace/app-detail.html
@@ -73,8 +73,8 @@
-
-
+
@@ -130,17 +130,15 @@
-
+ -->
-
+
diff --git a/docs/md_v2/marketplace/app-detail.js b/docs/md_v2/marketplace/app-detail.js
index 09c519b4..29fcb7e8 100644
--- a/docs/md_v2/marketplace/app-detail.js
+++ b/docs/md_v2/marketplace/app-detail.js
@@ -112,7 +112,7 @@ class AppDetailPage {
}
// Contact
- document.getElementById('app-contact').textContent = this.appData.contact_email || 'Not available';
+ document.getElementById('app-contact') && (document.getElementById('app-contact').textContent = this.appData.contact_email || 'Not available');
// Sidebar info
document.getElementById('sidebar-downloads').textContent = this.formatNumber(this.appData.downloads || 0);
@@ -263,18 +263,27 @@ class AppDetailPage {
setupEventListeners() {
// Tab switching
const tabs = document.querySelectorAll('.tab-btn');
+
tabs.forEach(tab => {
tab.addEventListener('click', () => {
- // Update active tab
+ // Update active tab button
tabs.forEach(t => t.classList.remove('active'));
tab.classList.add('active');
// Show corresponding content
const tabName = tab.dataset.tab;
- document.querySelectorAll('.tab-content').forEach(content => {
+
+ // Hide all tab contents
+ const allTabContents = document.querySelectorAll('.tab-content');
+ allTabContents.forEach(content => {
content.classList.remove('active');
});
- document.getElementById(`${tabName}-tab`).classList.add('active');
+
+ // Show the selected tab content
+ const targetTab = document.getElementById(`${tabName}-tab`);
+ if (targetTab) {
+ targetTab.classList.add('active');
+ }
});
});
}