style(drops): move show metadata into card

What changed

The drop detail page now keeps source, version, domain, publication date, and repository data in a dedicated Metadata card above the update body. The header stays focused on the drop title and the Open original action.

The route styles now mirror the existing detailed metadata grid pattern used elsewhere in Hive, including responsive stacking on narrow screens. The drop show test covers the new card structure.

Why

The previous inline metadata row became hard to scan as drop records collected more context. Moving those fields into a labeled card makes the page easier to read and aligns it with the detail surfaces in Tuist server.

Approach

I kept the change scoped to the drop show page instead of introducing a shared abstraction. The shape matches the existing metadata-grid, metadata-row, and metadata pattern already used by Hive’s forage detail pages.

Impact

Visitors get a clearer hierarchy on drop pages: title and action first, metadata second, update content third. Existing drop visibility, links, feeds, and source data are unchanged.

Screenshots

Desktop:

Mobile:

Validation

• mix format lib/hive_web/live/drops_live/show.ex test/hive_web/live/drops_live/show_test.exs assets/css/routes/drops.css
• mix test test/hive_web/live/drops_live/show_test.exs
• mix compile --warnings-as-errors
• Captured desktop and mobile screenshots with headless Chrome through npx playwright screenshot against http://localhost:4750/drops/2e28a627-c6a6-4ca3-8a51-4f5633a53a1b.

No GitHub comments yet.