Skip to content

Style the Catalog Details Page

Briley Sandlin requested to merge 415500-catalog-details-styling into master

What does this MR do and why?

This MR styles the catalog details page to match the designs.

Figma here

Screenshots or screen recordings

catalog_details_after

How to set up and validate locally

Prerequisites

  1. Enable the feature flag Feature.enable(:ci_namespace_catalog_experimental)
  2. To set projects as a ci catalog resource, follow the instructions in this MR

To Test

  1. Navigate to http://127.0.0.1:3000/flightjs/Flight/-/ci/catalog/resources/1 (replace project path with your project of choice)
  2. You should be able to see the details page

Please disregard the sections that are missing as this page is a WIP.

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Related to #415500 (closed)

Edited by Briley Sandlin

Merge request reports