cloud/music_library
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix universal search modal height, position and search font size

Browse Source
This commit is contained in:
Claudio Ortolina
2025-07-26 12:22:22 +01:00
parent c03ee8ca8f
commit bb89860cea
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/music_library_web/live/universal_search_live/index.html.heex
+3 -3
View File
@@ -1,12 +1,12 @@
<.modal <.modal
:if={@show_modal} :if={@show_modal}
id="universal-search-root" id="universal-search-root"
class="md:min-w-2xl max-w-sm md:max-w-3xl" class="md:min-w-2xl max-w-sm md:max-w-3xl mt-8"
placement="top" placement="top"
open={@show_modal} open={@show_modal}
on_close={JS.push("close_modal", value: %{})} on_close={JS.push("close_modal", value: %{})}
> >
<form class="mt-4" phx-change="search" phx-submit="search"> <form class="mt-4 text-sm" phx-change="search" phx-submit="search">
<div class="relative"> <div class="relative">
<.icon <.icon
name="hero-magnifying-glass" name="hero-magnifying-glass"
@@ -30,7 +30,7 @@
<.no_results :if={@search_query != "" and @total_results == 0} query={@search_query} /> <.no_results :if={@search_query != "" and @total_results == 0} query={@search_query} />
<!-- Search results --> <!-- Search results -->
<div :if={@total_results > 0} class="max-h-128 overflow-y-auto"> <div :if={@total_results > 0} class="max-h-148 md:max-h-164 overflow-y-auto">
<!-- Collection results --> <!-- Collection results -->
<.search_result_group <.search_result_group
:if={length(@search_results.collection) > 0} :if={length(@search_results.collection) > 0}