aimond/sapiens-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust search popup layout to fix display issues

Browse Source 
Fixes the positioning of the close button and overall layout in the search modal by adjusting padding and margin in `SearchModal.tsx`.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 069d4324-6c40-4355-955e-c714a50de1ea
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3df548ff-50ae-432f-9be4-25d34eccc983/069d4324-6c40-4355-955e-c714a50de1ea/bLfICpO
This commit is contained in:
kimjaehyeon0101
2025-09-29 21:33:04 +00:00
parent 24e9162936
commit 153f2e504b
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/components/SearchModal.tsx
View File

@ -59,10 +59,10 @@ export default function SearchModal({ isOpen, onClose }: SearchModalProps) {
return ( return (
<Dialog open={isOpen} onOpenChange={handleClose}> <Dialog open={isOpen} onOpenChange={handleClose}>
<DialogContent className="max-w-2xl max-h-[80vh] p-0 overflow-hidden"> <DialogContent className="max-w-2xl max-h-[80vh] overflow-hidden">
<DialogTitle className="sr-only">Search Articles and Media Outlets</DialogTitle> <DialogTitle className="sr-only">Search Articles and Media Outlets</DialogTitle>
{/* Search Header */} {/* Search Header */}
<div className="flex items-center p-4 border-b"> <div className="flex items-center pb-4 border-b pr-8">
<div className="relative flex-1"> <div className="relative flex-1">
<Search className="absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-400" /> <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-400" />
<Input <Input