From c5a1f7e581ce844d63e0311d1d57cf5dda3cf48e Mon Sep 17 00:00:00 2001 From: Brendan F Date: Wed, 12 Jul 2023 23:19:17 -0700 Subject: Remove 5 result limit and add scrolling --- src/components/Search/index.styled.ts | 5 +++-- src/helpers/searchSong.ts | 3 +-- 2 files changed, 4 insertions(+), 4 deletions(-) (limited to 'src') diff --git a/src/components/Search/index.styled.ts b/src/components/Search/index.styled.ts index c1344d5..89af883 100644 --- a/src/components/Search/index.styled.ts +++ b/src/components/Search/index.styled.ts @@ -52,11 +52,12 @@ export const ResultsContainer = styled.div` display: flex; flex-direction: column; - justify-content: flex-end; + justify-content: flex-start; width: 100%; - overflow-y: scroll; + max-height: 500%; + overflow-y: auto; `; export const Result = styled.div` diff --git a/src/helpers/searchSong.ts b/src/helpers/searchSong.ts index 24132f6..01f6304 100644 --- a/src/helpers/searchSong.ts +++ b/src/helpers/searchSong.ts @@ -15,6 +15,5 @@ export function searchSong(searchTerm: string): Song[] { }) .sort((a, b) => a.artist.toLowerCase().localeCompare(b.artist.toLocaleLowerCase()) - ) - .slice(0, 5); + ); } -- cgit v1.2.3