sass-imobiliaria/.specify/features/014-properties-grid-ux/tasks.md

1.6 KiB

Tasks: Grid de Imóveis — 4 Colunas, Altura Uniforme e UX/UI

Feature: 014-properties-grid-ux Generated: 2026-04-14 Depends On: Nenhuma — alterações puramente de layout/componente frontend


Frontend — PropertiesPage.tsx

  • T001 Alterar grid de xl:grid-cols-3 para xl:grid-cols-4 (manter sm:grid-cols-2, lg:grid-cols-3) em frontend/src/pages/PropertiesPage.tsx
  • T002 Alterar max-w do layout de 1200px para 1400px (todas as ocorrências na página) em frontend/src/pages/PropertiesPage.tsx
  • T003 Alterar FilterSidebar desktop de w-64 para w-56 em frontend/src/components/FilterSidebar.tsx
  • T004 Alterar per_page default de 12 para 16 (filtersFromParams + handleFiltersChange) em frontend/src/pages/PropertiesPage.tsx
  • T005 Alterar skeleton de 9 para 16 itens no loading em frontend/src/pages/PropertiesPage.tsx

Frontend — PropertyCard.tsx

  • T006 Adicionar h-full e flex flex-col no Link container para altura uniforme em frontend/src/components/PropertyCard.tsx
  • T007 Adicionar mt-auto no rodapé de stats + botão comparar em frontend/src/components/PropertyCard.tsx
  • T008 Exibir localização (cidade e/ou bairro) abaixo do título em frontend/src/components/PropertyCard.tsx
  • T009 Adicionar ícone de carro + parking_spots nos stats quando > 0 em frontend/src/components/PropertyCard.tsx

Frontend — PropertyCardSkeleton.tsx

  • T010 Adicionar skeleton de linha de localização após título em frontend/src/components/PropertyCardSkeleton.tsx
  • T011 Adicionar skeleton de parking nos stats em frontend/src/components/PropertyCardSkeleton.tsx