GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-08-14 18:14:40 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(music): increase search result density

Browse Source
This commit is contained in:
jxxghp
2026-08-10 08:43:14 +08:00
parent b62e8dc1a6
commit cf5b95ec04
2 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/pages/__tests__/music.spec.ts
View File

@@ -137,6 +137,13 @@ describe('music page', () => {
expect(screen.getByText('Album')).toBeInTheDocument()
})
it('uses three columns from the desktop breakpoint', async () => {
const { container } = await renderMusicPage()
const resultColumn = await waitFor(() => container.querySelector('.music-result-col'))
expect(resultColumn).toHaveClass('v-col-md-6', 'v-col-lg-4')
})
it('uses the shared themed lift interaction for result cards', async () => {
const { container } = await renderMusicPage()
const hoverArea = await waitFor(() => container.querySelector('.music-card-hover-area'))

2
src/pages/music.vue
View File

@@ -44,7 +44,7 @@ watch(query, searchMusic, { immediate: true })
<LoadingBanner v-if="loading" class="mt-12" />
<VRow v-else-if="results.length" class="music-results">
<VCol v-for="item in results" :key="getMusicKey(item)" cols="12" md="6" xl="4" class="music-result-col">
<VCol v-for="item in results" :key="getMusicKey(item)" cols="12" md="6" lg="4" class="music-result-col">
<MusicCard :music="item" />
</VCol>
</VRow>