Initial commit
This commit is contained in:
55
ui/index.html
Normal file
55
ui/index.html
Normal file
@ -0,0 +1,55 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>QRIS Soundbox UI Catalogue</title>
|
||||
<style>
|
||||
body { font-family: Inter, Arial, sans-serif; background:#F8FAFC; color:#0F172A; margin:0; padding:24px; }
|
||||
h1 { margin: 0 0 12px; }
|
||||
p { color:#64748B; margin-top:0; }
|
||||
.toolbar { display:flex; gap:8px; align-items:center; margin-bottom:16px; flex-wrap:wrap; }
|
||||
.toolbar a { text-decoration:none; color:#2563EB; padding:8px 12px; border:1px solid #E2E8F0; border-radius:8px; background:#fff; }
|
||||
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:12px; }
|
||||
a.item { text-decoration:none; color:#2563EB; padding:12px 14px; border:1px solid #E2E8F0; border-radius:10px; display:block; background:#FFF; }
|
||||
a.item:hover { background:#EEF2FF; }
|
||||
.badge { display:inline-block; font-size:11px; color:#0EA5E9; border:1px solid #BAE6FD; background:#F0F9FF; border-radius:999px; padding:2px 8px; margin-left:8px; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>QRIS Soundbox UI Catalogue</h1>
|
||||
<p>Klik satu halaman untuk preview, atau buka <strong>/ui/hub</strong> untuk navigasi terpadu.</p>
|
||||
<div class="toolbar">
|
||||
<a href="/ui/hub">Open UI Hub</a>
|
||||
</div>
|
||||
<div class="grid">
|
||||
<a class="item" href="/ui/admin-application-review-detail">admin-application-review-detail</a>
|
||||
<a class="item" href="/ui/admin-dashboard-overview">admin-dashboard-overview</a>
|
||||
<a class="item" href="/ui/admin-fee-pricing-management">admin-fee-pricing-management</a>
|
||||
<a class="item" href="/ui/admin-login">admin-login</a>
|
||||
<a class="item" href="/ui/admin-login-portal">admin-login-portal</a>
|
||||
<a class="item" href="/ui/admin-onboarding-review-queue">admin-onboarding-review-queue</a>
|
||||
<a class="item" href="/ui/admin-reconciliation-management">admin-reconciliation-management</a>
|
||||
<a class="item" href="/ui/admin-system-audit-logs">admin-system-audit-logs</a>
|
||||
<a class="item" href="/ui/device-registry-monitoring">device-registry-monitoring</a>
|
||||
<a class="item" href="/ui/device-technical-detail">device-technical-detail</a>
|
||||
<a class="item" href="/ui/device-ui-payment-success">device-ui-payment-success</a>
|
||||
<a class="item" href="/ui/device-ui-qr-payment-display">device-ui-qr-payment-display</a>
|
||||
<a class="item" href="/ui/merchant-dashboard-portal">merchant-dashboard-portal</a>
|
||||
<a class="item" href="/ui/merchant-detail-view">merchant-detail-view</a>
|
||||
<a class="item" href="/ui/merchant-list-management">merchant-list-management</a>
|
||||
<a class="item" href="/ui/merchant-login">merchant-login</a>
|
||||
<a class="item" href="/ui/merchant-login-portal">merchant-login-portal</a>
|
||||
<a class="item" href="/ui/merchant-settlement-history">merchant-settlement-history</a>
|
||||
<a class="item" href="/ui/onboarding-bank-account">onboarding-bank-account</a>
|
||||
<a class="item" href="/ui/onboarding-business-info">onboarding-business-info</a>
|
||||
<a class="item" href="/ui/onboarding-document-upload">onboarding-document-upload</a>
|
||||
<a class="item" href="/ui/onboarding-pic-details">onboarding-pic-details</a>
|
||||
<a class="item" href="/ui/outlet-branch-management">outlet-branch-management</a>
|
||||
<a class="item" href="/ui/qris-soundbox-logo">qris-soundbox-logo</a>
|
||||
<a class="item" href="/ui/settlement-batch-management">settlement-batch-management</a>
|
||||
<a class="item" href="/ui/soundbox-ops">soundbox-ops</a>
|
||||
<a class="item" href="/ui/transaction-history-monitoring">transaction-history-monitoring</a>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user