36 lines
1.7 KiB
HTML
36 lines
1.7 KiB
HTML
<!doctype html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
|
|
<title>Available Salaries</title>
|
|
<link rel="stylesheet" href="../bd-static/shared.css">
|
|
<style>
|
|
.tabs-actions { display:flex; justify-content:space-around; align-items:center; margin:12px 0; }
|
|
.action-tab { min-width:30%; padding:8px 10px; border-radius:999px; color:#32463a; font-weight:700; }
|
|
.action-tab.active { background:#bfe8cf; color:#165b35; }
|
|
.amount-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
|
|
.amount-card { min-height:64px; border:1px solid #d7eadf; border-radius:12px; background:#fff; color:#131111; font-weight:700; }
|
|
.amount-card.active { border-color:#32a96b; background:#e5f6eb; color:#165b35; }
|
|
.payee { display:flex; align-items:center; gap:10px; width:100%; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<main class="page">
|
|
<section class="content">
|
|
<div class="row">
|
|
<h2 class="section-title" data-i18n="available_salaries">Available salaries</h2>
|
|
<button class="subtle" type="button" id="detailsButton" data-i18n="details">Details</button>
|
|
</div>
|
|
<article class="card card-pad">
|
|
<strong id="totalBalance" style="font-size:1.2em">$0</strong>
|
|
</article>
|
|
<article class="card card-pad" id="identitySwitch" hidden></article>
|
|
<nav class="tabs-actions" id="actionTabs"></nav>
|
|
<section class="card card-pad" id="actionPanel"></section>
|
|
</section>
|
|
</main>
|
|
<script type="module" src="./available-income.js"></script>
|
|
</body>
|
|
</html>
|