pezkuwichain/pwap
1
0
Fork 0
mirror of https://github.com/pezkuwichain/pwap.git synced 2026-04-22 15:57:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: mobile UI improvements and web3Enable for WalletConnect signing

Browse Source 
- Compact stat cards on mobile (Dashboard, Referral, P2P)
- Hide unnecessary sections on mobile (Recent Activity, NFTs, Score Calculation, Liquidity Pools, Recent Swaps)
- Fix back arrow overlapping title on all pages
- Swap Settings and Governance nav positions for better mobile dropdown
- Add back arrow to Presale page
- Add web3Enable before all web3FromAddress calls for WalletConnect compatibility
- Fix citizenship authentication signing with WalletConnect
This commit is contained in:
Kurdistan Tech Ministry
2026-02-23 06:22:12 +03:00
parent b2282ab70c
commit fc9a92f58c
22 changed files with 258 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/components/p2p/P2PDashboard.tsx
+20 -2
View File
@@ -131,8 +131,26 @@ export function P2PDashboard() {
/>
</div>
{/* Stats Cards */}
<div className="lg:col-span-3 grid grid-cols-1 sm:grid-cols-3 gap-4">
{/* Stats Cards - Compact on mobile */}
<div className="lg:col-span-3 grid grid-cols-3 gap-2 md:hidden">
<div className="bg-gray-900 border border-gray-800 rounded-lg p-3 flex flex-col items-center text-center">
<Clock className="w-4 h-4 text-yellow-400 mb-1" />
<span className="text-[10px] text-gray-400">{t('p2p.activeTrades')}</span>
<span className="text-lg font-bold text-white">{userStats.activeTrades}</span>
</div>
<div className="bg-gray-900 border border-gray-800 rounded-lg p-3 flex flex-col items-center text-center">
<CheckCircle2 className="w-4 h-4 text-green-400 mb-1" />
<span className="text-[10px] text-gray-400">{t('p2p.completed')}</span>
<span className="text-lg font-bold text-white">{userStats.completedTrades}</span>
</div>
<div className="bg-gray-900 border border-gray-800 rounded-lg p-3 flex flex-col items-center text-center">
<TrendingUp className="w-4 h-4 text-blue-400 mb-1" />
<span className="text-[10px] text-gray-400">{t('p2p.volume')}</span>
<span className="text-lg font-bold text-white">${userStats.totalVolume.toLocaleString()}</span>
</div>
</div>
{/* Stats Cards - Desktop */}
<div className="lg:col-span-3 hidden md:grid grid-cols-3 gap-4">
<Card className="bg-gray-900 border-gray-800">
<CardContent className="py-4 flex items-center gap-3">
<div className="p-2 bg-yellow-500/20 rounded-lg">