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

faq hover color updated

Browse Source
This commit is contained in:
akash 2025-12-09 14:33:06 +05:30
parent 253a7aa5d2
commit ce24e8e7fc
1 changed files with 18 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
src/components/PropertyDetailClient.tsx
View File

@ -2008,39 +2008,30 @@ export default function PropertyDetailClient({ property }: { property: Property
<div key={index} className="border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden"> <div key={index} className="border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden">
<button <button
onClick={() => setExpandedFaq(expandedFaq === index ? null : index)} onClick={() => setExpandedFaq(expandedFaq === index ? null : index)}
className="w-full flex items-center justify-between p-6 text-left bg-white dark:bg-gray-800
className="w-full flex items-center justify-between p-6 text-left bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-750 transition-colors" hover:bg-gray-50 dark:hover:bg-gray-750 transition-colors group"
> >
<span className="font-medium text-gray-900 dark:text-white pr-8 group-hover:text-blue-600">
<span className="font-medium text-gray-900 dark:text-white pr-8">{item.question}</span> {item.question}
<span className="text-gray-400">
{expandedFaq === index ? (
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" className="w-6 h-6">
<path strokeLinecap="round" strokeLinejoin="round" d="M19.5 12h-15" />
</svg>
) : (
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" className="w-6 h-6">
<path strokeLinecap="round" strokeLinejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
</svg>
)}
</span> </span>
<span className="text-gray-400 group-hover:text-blue-600">
{expandedFaq === index ? (
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
strokeWidth={1.5} stroke="currentColor" className="w-6 h-6">
<path strokeLinecap="round" strokeLinejoin="round" d="M19.5 12h-15" />
</svg>
) : (
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
strokeWidth={1.5} stroke="currentColor" className="w-6 h-6">
<path strokeLinecap="round" strokeLinejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
</svg>
)}
</span>
</button> </button>
{expandedFaq === index && ( {expandedFaq === index && (
<div className="p-6 pt-0 bg-white dark:bg-gray-800 text-gray-600 dark:text-gray-300 leading-relaxed border-t border-gray-100 dark:border-gray-700"> <div className="p-6 pt-0 bg-white dark:bg-gray-800 text-gray-600 dark:text-gray-300 leading-relaxed border-t border-gray-100 dark:border-gray-700">