48 lines
2.0 KiB
XML
48 lines
2.0 KiB
XML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="800" viewBox="0 0 1200 800">
|
|
<style>
|
|
.title{font:700 20px/1.2 Arial,Helvetica,sans-serif}
|
|
.label{font:500 14px/1.2 Arial,Helvetica,sans-serif}
|
|
.muted{font:400 12px/1.2 Arial,Helvetica,sans-serif;fill:#666}
|
|
.box{fill:#fff;stroke:#ccc}
|
|
</style>
|
|
<rect width="100%" height="100%" fill="#f6f7fb"/>
|
|
<text x="32" y="40" class="title">ADMIN DASHBOARD — Wireframe</text>
|
|
|
|
<!-- KPIs -->
|
|
<g transform="translate(32,64)">
|
|
<rect x="0" y="0" width="1120" height="88" class="box"/>
|
|
<text x="18" y="28" class="label">KPIs: Orders</text>
|
|
<text x="260" y="28" class="label">Revenue</text>
|
|
<text x="520" y="28" class="label">Users</text>
|
|
<text x="18" y="56" class="muted">Quick date picker • comparison</text>
|
|
</g>
|
|
|
|
<!-- Layout -->
|
|
<g transform="translate(32,168)">
|
|
<rect x="0" y="0" width="240" height="560" class="box"/>
|
|
<text x="18" y="24" class="label">Sidebar — Navigation</text>
|
|
|
|
<rect x="260" y="0" width="892" height="560" class="box"/>
|
|
<text x="278" y="24" class="label">Main Area</text>
|
|
|
|
<!-- Order Management -->
|
|
<rect x="278" y="40" width="540" height="180" fill="#fff" stroke="#e0e0e0"/>
|
|
<text x="288" y="64" class="label">Order Management — Filters, Search, Table</text>
|
|
|
|
<!-- Seller Approval -->
|
|
<rect x="828" y="40" width="332" height="120" fill="#fff" stroke="#e0e0e0"/>
|
|
<text x="838" y="64" class="label">Seller Approval — Pending list</text>
|
|
|
|
<!-- Map -->
|
|
<rect x="278" y="236" width="442" height="240" fill="#fff" stroke="#e0e0e0"/>
|
|
<text x="288" y="260" class="label">Delivery Tracking Map — live pins</text>
|
|
|
|
<!-- Reports -->
|
|
<rect x="732" y="236" width="428" height="240" fill="#fff" stroke="#e0e0e0"/>
|
|
<text x="742" y="260" class="label">Financial Reports — charts, exports</text>
|
|
</g>
|
|
|
|
<text x="32" y="760" class="muted">Notes: table supports bulk actions, seller profile preview, export CSV</text>
|
|
</svg>
|