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

fix: update HeroSection search form positioning and validation error message styling

Browse Source
This commit is contained in:
pradeepkumar
2026-03-20 02:42:04 +05:30
parent bf97061a38
commit f71d47f3b7
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/home/HeroSection.tsx
View File

@@ -134,7 +134,7 @@ export function HeroSection({ content }: { content?: HeroContent }) {
</div>
{/* Search Form */}
<div className="max-w-5xl mx-auto">
<div className="max-w-5xl mx-auto relative">
<div className="bg-[#e58625] rounded-[15px] shadow-lg p-3">
<div className="flex flex-col md:flex-row gap-2">
{/* Type Select */}
@@ -239,9 +239,9 @@ export function HeroSection({ content }: { content?: HeroContent }) {
{/* Validation Error Message */}
{validationError && (
<div className="mt-3 text-center">
<div className="text-white font-serif text-sm bg-red-500/90 rounded-[7px] py-2 px-4 inline-flex items-center gap-3">
<span>{validationError}</span>
<div className="absolute left-0 right-0 mt-2 text-center z-10 px-4">
<div className="text-white font-serif text-sm bg-red-500/90 rounded-[7px] py-2 px-4 inline-flex items-center gap-3 max-w-full">
<span className="text-left">{validationError}</span>
<button
onClick={handleClearError}
className="hover:bg-white/20 rounded-full p-0.5 transition-colors"