oib/aitbc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(marketplace): unify header with global site header

Browse Source
This commit is contained in:
oib
2026-02-27 11:52:04 +01:00
parent f3ab29a981
commit db63a008f4
3 changed files with 12 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
apps/marketplace-web/index.html
View File

@@ -5,9 +5,12 @@
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>marketplace-web</title> <title>marketplace-web</title>
<link rel="stylesheet" href="/assets/css/site-header.css">
</head> </head>
<body> <body>
<div data-global-header></div>
<div id="app"></div> <div id="app"></div>
<script type="module" src="/src/main.ts"></script> <script type="module" src="/src/main.ts"></script>
<script src="/assets/js/global-header.js"></script>
</body> </body>
</html> </html>

18
apps/marketplace-web/src/main.ts
View File

@@ -23,23 +23,7 @@ if (!app) {
app.innerHTML = ` app.innerHTML = `
<main> <main>
<header class="page-header">
<nav class="page-header__nav">
<a href="/" class="back-link">← Home</a>
<a href="/explorer/">Explorer</a>
<a href="/Exchange/">Exchange</a>
</nav>
<div class="page-header-content">
<div class="page-header-title">
<h1>Marketplace Control Center</h1>
<p>Monitor available offers, submit bids, and review marketplace health at a glance.</p>
</div>
<button onclick="toggleDarkMode()" class="dark-mode-toggle" title="Toggle dark mode">
<span id="darkModeEmoji">🌙</span>
<span id="darkModeText">Dark</span>
</button>
</div>
</header>
<section class="dashboard-grid" id="stats-panel"> <section class="dashboard-grid" id="stats-panel">
<article class="stat-card"> <article class="stat-card">

8
apps/marketplace-web/src/style.css
View File

@@ -555,3 +555,11 @@ body {
font-size: 0.95rem; font-size: 0.95rem;
} }
} }
/* Add padding to account for the fixed global header */
main {
margin-top: 80px;
padding: 2rem;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}