fix(marketplace): unify header with global site header
This commit is contained in:
@@ -5,9 +5,12 @@
|
||||
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>marketplace-web</title>
|
||||
<link rel="stylesheet" href="/assets/css/site-header.css">
|
||||
</head>
|
||||
<body>
|
||||
<div data-global-header></div>
|
||||
<div id="app"></div>
|
||||
<script type="module" src="/src/main.ts"></script>
|
||||
<script src="/assets/js/global-header.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -23,23 +23,7 @@ if (!app) {
|
||||
|
||||
app.innerHTML = `
|
||||
<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">
|
||||
<article class="stat-card">
|
||||
|
||||
@@ -555,3 +555,11 @@ body {
|
||||
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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user