Skip to content

feat(ui): standardize Resources page UI and enhance publication metadata & imagery

Sahasra Reddy requested to merge ui-fix into dev

Overview This MR enhances the Research & Publications section on the /resources page by improving visual consistency, replacing placeholder content with accurate publication metadata, and refining image presentation.

Key Changes

Publication Imagery

  • Replaced generic placeholder icons with relevant, high-quality scientific images (DNA visuals, lab imagery, gel plots, chromatograms)
  • Standardized image containers with fixed height (160px)
  • Applied object-fit: cover and proper positioning for clean cropping
  • Removed gradient overlays and unnecessary borders to eliminate visual artifacts

Metadata Accuracy & Formatting

  • Replaced all placeholder text with real publication data
  • Added complete:
    • Authors
    • Journal details (year, volume, issue, pages)
    • PMID
    • DOI
  • Restored structured hierarchy: Title → Authors → Journal → PMID → DOI → CTA

Layout & Consistency

  • Ensured uniform card structure and spacing
  • Improved readability and alignment across all publication cards

Merge request reports