diff --git a/public/style.css b/public/style.css index a5920d9..9749e2c 100644 --- a/public/style.css +++ b/public/style.css @@ -310,10 +310,16 @@ h1 + p { font-size: 12px; } +.table-wrap { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + border: var(--border); +} + table { width: 100%; + min-width: 100%; border-collapse: collapse; - border: var(--border); } th { diff --git a/src/views/file-list.ts b/src/views/file-list.ts index 0e6f982..700d434 100644 --- a/src/views/file-list.ts +++ b/src/views/file-list.ts @@ -24,14 +24,16 @@ export function fileListPage(files: FileRow[], baseUrl: string): string { return layout('My files', `

My files

Upload new file

- - - - - - - ${rows} -
NameTypeSizeUploaded
+
+ + + + + + + ${rows} +
NameTypeSizeUploaded
+
`, { authed: true }); } diff --git a/tests/integration/pages.test.ts b/tests/integration/pages.test.ts index 686a8b5..20402c8 100644 --- a/tests/integration/pages.test.ts +++ b/tests/integration/pages.test.ts @@ -223,6 +223,7 @@ describe('GET /files — copy link', () => { const res = await ctx.app.inject({ method: 'GET', url: '/files', cookies: { token } }); expect(res.statusCode).toBe(200); expect(res.body).toContain('Copy link'); + expect(res.body).toContain('class="table-wrap"'); }); });