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

style: update profile image object positioning and fix checkbox alignment in filter modal

Browse Source
This commit is contained in:
pradeepkumar
2026-04-08 03:46:15 +05:30
parent 42616ef8af
commit 935c747cd1
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/profiles/FilterModal.tsx
View File

@@ -78,14 +78,14 @@ export function FilterModal({ isOpen, onClose, filters, filterFields, onToggleFi
{expandedSections[field.slug] && (
<div className={`grid ${field.options.length > 6 ? 'grid-cols-3' : 'grid-cols-3'} gap-x-6 gap-y-3`}>
{field.options.map((option) => (
<label key={option.value} className="flex items-center gap-2 cursor-pointer">
<label key={option.value} className="flex items-start gap-2 cursor-pointer">
<input
type="checkbox"
checked={(filters[field.slug] || []).includes(option.value)}
onChange={() => onToggleFilter(field.slug, option.value)}
className="w-[17px] h-[17px] rounded-[5px] border-2 border-[#00293d]/30 appearance-none cursor-pointer checked:bg-[#e58625] checked:border-[#e58625] checked:bg-[url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22white%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.207%204.793a1%201%200%20010%201.414l-5%205a1%201%200%2001-1.414%200l-2-2a1%201%200%20011.414-1.414L6.5%209.086l4.293-4.293a1%201%200%20011.414%200z%22%2F%3E%3C%2Fsvg%3E')] checked:bg-center checked:bg-no-repeat focus:ring-2 focus:ring-[#e58625]/50"
className="flex-shrink-0 w-[17px] h-[17px] mt-[3px] rounded-[5px] border-2 border-[#00293d]/30 appearance-none cursor-pointer checked:bg-[#e58625] checked:border-[#e58625] checked:bg-[url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22white%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.207%204.793a1%201%200%20010%201.414l-5%205a1%201%200%2001-1.414%200l-2-2a1%201%200%20011.414-1.414L6.5%209.086l4.293-4.293a1%201%200%20011.414%200z%22%2F%3E%3C%2Fsvg%3E')] checked:bg-center checked:bg-no-repeat focus:ring-2 focus:ring-[#e58625]/50"
/>
<span className="font-serif text-[15px] text-[#00293d]">{option.label}</span>
<span className="font-serif text-[15px] text-[#00293d] leading-[1.4]">{option.label}</span>
</label>
))}
</div>