ui: add mobile usage cards

2026-05-03 19:31:48 +00:00
parent 51c70cc1d0
commit 9b3444f2f0
3 changed files with 85 additions and 1 deletions
@@ -10,6 +10,13 @@
  <link rel="stylesheet" href="css/layout.css">
  <link rel="stylesheet" href="css/pages.css">
  <link rel="stylesheet" href="css/usage.css">
+  <style>
+  .usage-card-list { display: none; }
+  @media (max-width: 720px) {
+    #usage-table-wrap { display: none; }
+    .usage-card-list { display: grid; }
+  }
+  </style>
  <script src="%CRANK_BUNDLE_PROTECTED_CORE%"></script>
 </head>
 <body>
@@ -162,6 +169,7 @@
          <div class="section-card-subtitle">Breakdown for last 7 days</div>
        </div>
      </div>
+      <div id="usage-table-wrap">
      <table class="data-table">
        <thead>
          <tr>
@@ -177,6 +185,8 @@
        <tbody id="usage-tbody">
        </tbody>
      </table>
+      </div>
+      <div class="resource-list usage-card-list" id="usage-card-list"></div>
    </div>

  </div>