MetatroncubeSoftwareSolutions/sky-and-soil
3
0
Fork 0
forked from alaguraj/sky-and-soil
Code Pull Requests Activity

details page updated

Browse Source
This commit is contained in:
Selvi 2025-11-29 19:44:34 +05:30
parent bcd517eb05
commit 70f2797703
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Header.tsx
View File

@ -26,7 +26,7 @@ export default function Header() {
: "bg-transparent py-6" : "bg-transparent py-6"
}`} }`}
> >
<div className="w-full px-[50px] flex items-center justify-between"> <div className="w-full px-[50px] max-[375px]:px-[25px] flex items-center justify-between">
<Link href="/" className="flex items-center gap-3 group"> <Link href="/" className="flex items-center gap-3 group">
<div className="relative w-60 h-20 transition-transform group-hover:scale-105 -left-[83px]"> <div className="relative w-60 h-20 transition-transform group-hover:scale-105 -left-[83px]">
<Image <Image

6
src/components/PropertyFilters.tsx
View File

@ -49,10 +49,10 @@ export default function PropertyFilters({ onFilterChange }: PropertyFiltersProps
const hasActiveFilters = filters.search || filters.type !== "all" || filters.budgetMin || filters.budgetMax || filters.bhk !== "all" || filters.sortBy !== "popularity"; const hasActiveFilters = filters.search || filters.type !== "all" || filters.budgetMin || filters.budgetMax || filters.bhk !== "all" || filters.sortBy !== "popularity";
return ( return (
<div className="bg-white dark:bg-gray-900 border-b border-gray-200 dark:border-gray-800 sticky top-28 z-40"> <div className="bg-white dark:bg-gray-900 border-b border-gray-200 dark:border-gray-800 lg:sticky lg:top-28 lg:z-40">
<div className="max-w-7xl mx-auto px-6 py-4 max-[930px]:hidden"> <div className="max-w-7xl mx-auto px-6 py-4">
{/* Main Filter Bar */} {/* Main Filter Bar */}
<div className="flex flex-col md:flex-row gap-4 items-center"> <div className="flex flex-col [@media(min-width:920px)]:flex-row gap-4 items-center">
{/* Search */} {/* Search */}
<div className="flex-1 w-full"> <div className="flex-1 w-full">
<div className="relative"> <div className="relative">