fix(web): contain jobs table on narrow screens

2026-07-18 03:53:25 +08:00
parent a884033352
commit cc8eb0f54b
1 changed files with 103 additions and 101 deletions
@@ -347,7 +347,8 @@ export function JobsPage({ dataSource, refreshSignal = 0 }: JobsPageProps) {
      ) : null}
      {!loading && !failed && result ? (
        <>
-          <table aria-label="Jobs">
+          <div className="table-scroll" role="region" aria-label="Jobs table" tabIndex={0}>
+            <table className="dense-table" aria-label="Jobs">
              <thead>
                <tr>
                  <th
@@ -452,6 +453,7 @@ export function JobsPage({ dataSource, refreshSignal = 0 }: JobsPageProps) {
                ))}
              </tbody>
            </table>
+          </div>
          <nav aria-label="Jobs pagination">
            <button
              type="button"