Commit 76cc7bb9 authored by Dhiraj Bodicherla's avatar Dhiraj Bodicherla

Fix monitoring add panel page for small viewports

parent ab38e6c7
...@@ -55,7 +55,7 @@ export default { ...@@ -55,7 +55,7 @@ export default {
</script> </script>
<template> <template>
<div> <div>
<div class="gl-display-flex gl-mx-n3"> <div class="gl-xs-flex-direction-column gl-display-flex gl-mx-n3">
<gl-card class="gl-flex-grow-1 gl-flex-basis-0 gl-mx-3"> <gl-card class="gl-flex-grow-1 gl-flex-basis-0 gl-mx-3">
<template #header> <template #header>
<h2 class="gl-font-size-h2 gl-my-3">{{ s__('Metrics|1. Define and preview panel') }}</h2> <h2 class="gl-font-size-h2 gl-my-3">{{ s__('Metrics|1. Define and preview panel') }}</h2>
...@@ -76,6 +76,7 @@ export default { ...@@ -76,6 +76,7 @@ export default {
variant="success" variant="success"
category="secondary" category="secondary"
:data-clipboard-text="yml" :data-clipboard-text="yml"
class="gl-xs-w-full gl-xs-mb-3"
@click="$toast.show(s__('Metrics|Panel YAML copied'))" @click="$toast.show(s__('Metrics|Panel YAML copied'))"
> >
{{ s__('Metrics|Copy YAML') }} {{ s__('Metrics|Copy YAML') }}
...@@ -84,7 +85,7 @@ export default { ...@@ -84,7 +85,7 @@ export default {
type="submit" type="submit"
variant="success" variant="success"
:disabled="panelPreviewIsLoading" :disabled="panelPreviewIsLoading"
class="js-no-auto-disable" class="js-no-auto-disable gl-xs-w-full"
> >
{{ s__('Metrics|Preview panel') }} {{ s__('Metrics|Preview panel') }}
</gl-button> </gl-button>
...@@ -127,13 +128,19 @@ export default { ...@@ -127,13 +128,19 @@ export default {
<gl-button <gl-button
ref="viewDocumentationBtn" ref="viewDocumentationBtn"
category="secondary" category="secondary"
class="gl-xs-w-full gl-xs-mb-3"
variant="info" variant="info"
target="_blank" target="_blank"
:href="addDashboardDocumentationPath" :href="addDashboardDocumentationPath"
> >
{{ s__('Metrics|View documentation') }} {{ s__('Metrics|View documentation') }}
</gl-button> </gl-button>
<gl-button ref="openRepositoryBtn" variant="success" :href="projectPath"> <gl-button
ref="openRepositoryBtn"
variant="success"
:href="projectPath"
class="gl-xs-w-full"
>
{{ s__('Metrics|Open repository') }} {{ s__('Metrics|Open repository') }}
</gl-button> </gl-button>
</div> </div>
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment