Re-Quest/frontend
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: replace mobile agent card slider with horizontal swipe carousel and improve messaging header responsiveness

Browse Source
This commit is contained in:
pradeepkumar
2026-04-18 11:32:45 +05:30
parent ff17bab0db
commit 396d68649f
6 changed files with 60 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/message/MessageInput.tsx
View File

@@ -351,8 +351,7 @@ export function MessageInput({ onSend, onSendGif, onSendFile, onTypingStart, onT
{showGifPicker && (
<div
ref={gifPickerRef}
className="absolute bottom-full left-0 mb-2 z-50 bg-white border border-[#00293d]/10 rounded-[15px] shadow-lg overflow-hidden"
style={{ width: '360px', height: '420px' }}
className="absolute bottom-full left-0 mb-2 z-50 bg-white border border-[#00293d]/10 rounded-[15px] shadow-lg overflow-hidden w-[min(360px,calc(100vw-32px))] h-[420px]"
>
<div className="p-3 border-b border-[#00293d]/10">
<input
@@ -368,7 +367,7 @@ export function MessageInput({ onSend, onSendGif, onSendFile, onTypingStart, onT
<Grid
key={gifSearchQuery}
fetchGifs={fetchGifs}
width={356}
width={typeof window !== 'undefined' ? Math.min(356, window.innerWidth - 40) : 356}
columns={2}
gutter={6}
noLink