모바일 환경에서 SearchBar의 레이아웃이 깨지는 문제 수정

This commit is contained in:
static
2026-01-18 14:16:40 +09:00
parent 72babc532f
commit 2f6d35c335
6 changed files with 64 additions and 58 deletions

View File

@@ -46,7 +46,7 @@
{#if isOpen && (directoryId || downloadUrl || fileBlob)}
<div
class="absolute right-2 top-full z-20 min-w-40 space-y-1 rounded-lg bg-white px-1 py-2 shadow-2xl"
class="absolute right-2 top-full z-20 min-w-44 space-y-1 rounded-lg bg-white px-1 py-2 shadow-2xl"
transition:fly={{ y: -8, duration: 200 }}
>
<p class="px-3 pt-2 text-sm font-semibold text-gray-600">더보기</p>
@@ -57,7 +57,9 @@
onclick: () => void,
)}
<button {onclick} class="rounded-xl active:bg-gray-100">
<div class="flex items-center gap-x-3 px-3 py-2 text-gray-700 transition active:scale-95">
<div
class="flex items-center gap-x-3 px-3 py-2 text-lg text-gray-700 transition active:scale-95"
>
<Icon />
<p class="font-medium">{text}</p>
</div>