Back-office polish: Overview command center, quick actions, pane motion
Overview gains a recent-activity mini-feed (chain events + line joins) and a quick-actions card jumping straight to buy/earn/campaigns plus one-tap invite copy. Panes fade in (reduced-motion safe). First slice of the back-office polish pass. Assets v=20260905f. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
+20
-10
@@ -4,7 +4,7 @@
|
||||
<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>Member area | InstantAdPay</title>
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&display=swap">
|
||||
<link rel="stylesheet" href="/assets/site.css?v=20260905e">
|
||||
<link rel="stylesheet" href="/assets/site.css?v=20260905f">
|
||||
</head>
|
||||
<body class="bo-body">
|
||||
|
||||
@@ -98,12 +98,22 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid c2">
|
||||
<div class="card"><h3>Earning levels</h3>
|
||||
<p id="qualLine" class="muted small">…</p></div>
|
||||
<div class="card">
|
||||
<h3>Buy ad packages</h3>
|
||||
<p class="muted small">The full ladder with live pricing is on the <a href="/#ladder-h">home page</a>.
|
||||
Purchases from your linked wallet automatically credit this account.</p>
|
||||
<h3>Recent activity</h3>
|
||||
<div class="feed" id="ovFeed"><div class="row muted">Your line's joins, buys, and payouts land here.</div></div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="card">
|
||||
<h3>Quick actions</h3>
|
||||
<div class="qa">
|
||||
<button type="button" data-goto="buy">🛒 Buy a package</button>
|
||||
<button type="button" data-goto="earn">👁 View today's ads</button>
|
||||
<button type="button" data-goto="campaigns">📣 Launch a campaign</button>
|
||||
<button type="button" id="qaCopyInvite">🔗 Copy my invite link</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card"><h3>Earning levels</h3>
|
||||
<p id="qualLine" class="muted small">…</p></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -240,9 +250,9 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="/assets/common.js?v=20260905e"></script>
|
||||
<script src="/assets/wallet.js?v=20260905e"></script>
|
||||
<script src="/assets/my.js?v=20260905e"></script>
|
||||
<script src="/assets/chat.js?v=20260905e"></script>
|
||||
<script src="/assets/common.js?v=20260905f"></script>
|
||||
<script src="/assets/wallet.js?v=20260905f"></script>
|
||||
<script src="/assets/my.js?v=20260905f"></script>
|
||||
<script src="/assets/chat.js?v=20260905f"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user