# Detail Page

## Overall Styling Guideline

Detail page should have different sections. Each section should use a glass pane as container with a large thin text as title.

For listing properties, use the property table.

| Component      | Path                                                  |
| -------------- | ----------------------------------------------------- |
| Glass Pane     | src/lib/components/common/glass-pane/pane.svelte      |
| Property Table | src/lib/components/common/property-table/table.svelte |

## Management Tabs

Management tabs should be present for managed resources. Tabs should include: status, resources, changes, definitions.

### Status Tab

List all status conditions of the resource.

### Resources Tab

List child resources of the deployment (pods, deployments, services).

### Changes Tab

List all pending PRs and the commit history of the resource.

### Definitions Tab

Show the K8s custom resource of the current resource.