lukaszraczylo/ghtracker
1
0
Fork 0
mirror of https://github.com/lukaszraczylo/ghtracker.git synced 2026-10-14 00:58:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): use the full page width and fit phone screens

Browse Source 
The page no longer caps its width. On very wide screens the attention list shows two columns of projects.

On phones the header, the health strip and the filter chips wrap or scroll inside their own box, and each item shows its age under the text. The side panel scrolls on its own.
This commit is contained in:
lukaszraczylo
2026-10-02 04:40:27 +01:00
parent 6e305b860b
commit 1852ea0885
9 changed files with 44 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/components.test.ts
+2 -2
View File
@@ -39,12 +39,12 @@ describe('AppHeader', () => {
it('emits rescan and shows progress while a scan runs', async () => {
const w = mount(AppHeader, { props: { ...base, manualRefresh: true } })
expect(w.get('[data-test=rescan]').text()).toBe('Rescan repositories')
expect(w.get('[data-test=rescan]').text()).toContain('Rescan repositories')
await w.get('[data-test=rescan]').trigger('click')
expect(w.emitted('rescan')).toHaveLength(1)
const busy = mount(AppHeader, { props: { ...base, manualRefresh: true, scanning: true } })
expect(busy.get('[data-test=rescan]').attributes('disabled')).toBeDefined()
expect(busy.get('[data-test=rescan]').text()).toBe('Rescanning…')
expect(busy.get('[data-test=rescan]').text()).toContain('Rescanning…')
})
})