marty/instantadpay
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Mobile overflow fixes: qual-bar marker, grid shrink guard, wrap guards

Browse Source 
Level-3 progress marker right-aligns inside the card (was centered past the
edge). Grid/flank/story children get min-width:0 so the calculator's
tablewrap scrolls internally instead of widening the page 7px. Invite link
and pitch preview wrap anywhere; ticker gets layout+paint containment;
img max-width guard. Verified at 390px across all four pages with sticky
nav intact. Assets v=20260904p.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
martbost
2026-09-04 16:11:35 -05:00
parent 8ef50b183e
commit 537b11cfde
5 changed files with 24 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/my.html
+6 -6
View File
@@ -4,7 +4,7 @@
<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>My account | 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=20260904l">
<link rel="stylesheet" href="/assets/site.css?v=20260904p">
</head>
<body>
<div class="wrap">
@@ -59,7 +59,7 @@
<div id="qualBarWrap">
<div class="qualbar"><div id="qualFill"></div>
<span class="qb-mark" style="left:40%">2 · level 2</span>
<span class="qb-mark" style="left:100%">5 · level 3</span>
<span class="qb-mark end">5 · level 3</span>
</div>
</div>
</div>
@@ -160,9 +160,9 @@
<footer><div>InstantAdPay · <a href="/ledger">live ledger</a></div></footer>
</div>
<script src="/assets/common.js?v=20260904l"></script>
<script src="/assets/wallet.js?v=20260904l"></script>
<script src="/assets/my.js?v=20260904l"></script>
<script src="/assets/chat.js?v=20260904l"></script>
<script src="/assets/common.js?v=20260904p"></script>
<script src="/assets/wallet.js?v=20260904p"></script>
<script src="/assets/my.js?v=20260904p"></script>
<script src="/assets/chat.js?v=20260904p"></script>
</body>
</html>