Deviant BCH wallet — CashTokens + covenants (Katalogos v1 · chipnet)
6d6db198eb
Recent desktop work added `.content.wide { max-height: calc(100vh -
72px); overflow: hidden }` + `.od-layout { height: calc(100vh - 128px)
}` so the six-panel terminal fit inside a 900 px desktop viewport
without scroll. That worked at desktop, but on a phone (375×812) it
capped `.content` at 740 px AND set overflow:hidden — so once the
1200 px breakpoint kicked in and restacked the six panels vertically
(cctop → topright → botright → ccbot → topleft → botleft), everything
past ~740 px was CLIPPED and unreachable. Users literally couldn't
see Notes, My-transactions or Balances on a phone.
Fix — three joined blocks:
1. @media (max-width: 1200px) undoes the fit-to-viewport contract:
.content.wide → display:block, min-height:auto, max-height:none,
overflow:visible; .od-layout → height:auto, grid-template-rows:
none, overflow:visible. Page now scrolls naturally, all six
panels are reachable. .od-list-scroll caps re-added (320 px /
240 px) so a long feed doesn't stretch the page indefinitely.
2. @media (max-width: 940px) tightens .content.wide padding (16 px)
and topbar spacing for the sidebar-collapse layout.
3. @media (max-width: 560px) — phone specifics:
• body { overflow-x: hidden } so nothing horizontal leaks
• .content.wide { padding: 12px }, topbar padding 10/14
• Swap card fonts down to 18 px (amt-in/out), 11 px CTA
• Panel body/header paddings tightened
• Market rows tighter (gap: 3px, font: 10px) so From/To/Time
fit at 375 px width; margin-left:-14px on To keeps the
"slightly less" middle gap in mini form
Verified on the deployed page:
Mobile (375×812) :
contentMaxHeight → none, overflow → visible
All 6 panels visible, doc height 2018 px, page scrolls
Swap card width 325 px inside 351 px panel
No horizontal overflow
Tablet (768×1024):
All 6 panels visible at 721 px width, page scrolls
No horizontal overflow
Desktop (1600×900):
contentMaxHeight → 828 px, overflow → hidden
doc height = viewport height → fits without scroll (unchanged)
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
|
||
|---|---|---|
| .claude | ||
| brand | ||
| contracts | ||
| design | ||
| docs | ||
| KnowledgeBase | ||
| Parameters | ||
| public | ||
| scripts | ||
| services | ||
| shells | ||
| site/deviant | ||
| snapshots | ||
| spike | ||
| src | ||
| telegram-orderbook | ||
| test | ||
| wiki | ||
| .calibration-sweep.json | ||
| .catalytic-sweep.json | ||
| .env.example | ||
| .gitignore | ||
| .kac-extract.txt | ||
| .sim-athenae.json | ||
| adaptive-data.json | ||
| bch-history.json | ||
| bch-market.json | ||
| BCH_Token_Economy_Concept_Paper.md | ||
| bch_wallet_architecture.svg | ||
| CLAUDE.md | ||
| deviant_technical_spec_v2.7.md | ||
| package-lock.json | ||
| package.json | ||
| project-context.md | ||
| README.md | ||
| tsconfig.json | ||
| usdm-historical.json | ||
Deviant
BCH two-tier token economy platform. Pre-implementation. See BCH_Token_Economy_Concept_Paper.md for the full design.
Status
Bootstrap snapshot — protocol swap mechanism is the validation target.
Project map
| Path | Purpose |
|---|---|
BCH_Token_Economy_Concept_Paper.md |
Architecture spec, all [PROPOSED] claims |
CLAUDE.md |
Working agreement for Claude sessions |
src/ |
TypeScript wallet + token logic |
contracts/ |
CashScript source for Architecture A contracts |
test/ |
Unit tests (regtest) + integration plan (chipnet, mainnet) |
scripts/ |
Code-scan, snapshot, compile helpers |
wiki/ |
Living docs: architecture, decisions, testing strategy, code map |
snapshots/ |
Numbered progress snapshots |
Quickstart
npm install
npm run compile:contracts # produces artifacts from contracts/*.cash
npm run test:regtest # runs regtest suite
npm run scan # regenerates wiki/code-map.md
npm run snapshot # appends a new snapshot
Build priorities (active)
- Protocol swap mechanism — most novel claim, needs validation first.
- CashScript enforcement on mainnet — not just theoretical verification.
- tokenId correlation across A/B tiers — edge cases expected.
See wiki/testing-strategy.md for the staged regtest → chipnet → mainnet plan.