diff options
Diffstat (limited to 'app/assets/javascripts/ci/pipeline_details/graph/components/root_graph_layout.vue')
-rw-r--r-- | app/assets/javascripts/ci/pipeline_details/graph/components/root_graph_layout.vue | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/app/assets/javascripts/ci/pipeline_details/graph/components/root_graph_layout.vue b/app/assets/javascripts/ci/pipeline_details/graph/components/root_graph_layout.vue new file mode 100644 index 00000000000..bcd7705669e --- /dev/null +++ b/app/assets/javascripts/ci/pipeline_details/graph/components/root_graph_layout.vue @@ -0,0 +1,29 @@ +<script> +export default { + props: { + stageClasses: { + type: String, + required: false, + default: '', + }, + jobClasses: { + type: String, + required: false, + default: '', + }, + }, +}; +</script> +<template> + <div> + <div class="gl-display-flex gl-align-items-center gl-w-full gl-mb-5" :class="stageClasses"> + <slot name="stages"> </slot> + </div> + <div + class="gl-display-flex gl-flex-direction-column gl-align-items-center gl-w-full" + :class="jobClasses" + > + <slot name="jobs"> </slot> + </div> + </div> +</template> |