@@ -86,45 +86,50 @@ export default {
86
86
</script >
87
87
88
88
<template >
89
- <section class =" search-page-form gl-lg-display-flex gl-flex-direction-column" >
90
- <div class =" gl-lg-display-flex gl-flex-direction-row gl-align-items-flex-end" >
91
- <div class =" gl-flex-grow-1 gl-mb-4 gl-lg-mb-0 gl-lg-mr-2" >
92
- <div
93
- class =" gl-sm-display-flex gl-flex-direction-row gl-justify-content-space-between gl-mb-4 gl-md-mb-0"
94
- >
95
- <label >{{ $options.i18n.searchLabel }}</label >
96
- <template v-if =" showSyntaxOptions " >
97
- <gl-button
98
- category =" tertiary"
99
- variant =" link"
100
- size =" small"
101
- button-text-classes =" gl-font-sm!"
102
- @click =" onToggleDrawer"
103
- >{{ $options.i18n.syntaxOptionsLabel }}
104
- </gl-button >
105
- <markdown-drawer
106
- ref =" markdownDrawer"
107
- :document-path =" $options.SYNTAX_OPTIONS_DOCUMENT"
108
- />
109
- </template >
89
+ <section class =" gl-p-5 gl-bg-gray-10 gl-border-b" >
90
+ <div class =" search-page-form gl-lg-display-flex gl-flex-direction-column" >
91
+ <div class =" gl-lg-display-flex gl-flex-direction-row gl-align-items-flex-end" >
92
+ <div class =" gl-flex-grow-1 gl-mb-4 gl-lg-mb-0 gl-lg-mr-2" >
93
+ <div
94
+ class =" gl-display-flex gl-flex-direction-row gl-justify-content-space-between gl-mb-0 gl-md-mb-4"
95
+ >
96
+ <label class =" gl-mb-1 gl-md-pb-2" >{{ $options.i18n.searchLabel }}</label >
97
+ <template v-if =" showSyntaxOptions " >
98
+ <gl-button
99
+ category =" tertiary"
100
+ variant =" link"
101
+ size =" small"
102
+ button-text-classes =" gl-font-sm!"
103
+ @click =" onToggleDrawer"
104
+ >{{ $options.i18n.syntaxOptionsLabel }}
105
+ </gl-button >
106
+ <markdown-drawer
107
+ ref =" markdownDrawer"
108
+ :document-path =" $options.SYNTAX_OPTIONS_DOCUMENT"
109
+ />
110
+ </template >
111
+ </div >
112
+ <gl-search-box-by-click
113
+ id =" dashboard_search"
114
+ v-model =" search"
115
+ name =" search"
116
+ :placeholder =" $options.i18n.searchPlaceholder"
117
+ @submit =" applyQuery"
118
+ />
119
+ </div >
120
+ <div v-if =" showFilters" class =" gl-mb-4 gl-lg-mb-0 gl-lg-mx-3" >
121
+ <label class =" gl-display-block gl-mb-1 gl-md-pb-2" >{{
122
+ $options.i18n.groupFieldLabel
123
+ }}</label >
124
+ <group-filter :initial-data =" groupInitialJson" />
125
+ </div >
126
+ <div v-if =" showFilters" class =" gl-mb-4 gl-lg-mb-0 gl-lg-ml-3" >
127
+ <label class =" gl-display-block gl-mb-1 gl-md-pb-2" >{{
128
+ $options.i18n.projectFieldLabel
129
+ }}</label >
130
+ <project-filter :initial-data =" projectInitialJson" />
110
131
</div >
111
- <gl-search-box-by-click
112
- id =" dashboard_search"
113
- v-model =" search"
114
- name =" search"
115
- :placeholder =" $options.i18n.searchPlaceholder"
116
- @submit =" applyQuery"
117
- />
118
- </div >
119
- <div v-if =" showFilters" class =" gl-mb-4 gl-lg-mb-0 gl-lg-mx-3" >
120
- <label class =" gl-display-block" >{{ $options.i18n.groupFieldLabel }}</label >
121
- <group-filter :initial-data =" groupInitialJson" />
122
- </div >
123
- <div v-if =" showFilters" class =" gl-mb-4 gl-lg-mb-0 gl-lg-ml-3" >
124
- <label class =" gl-display-block" >{{ $options.i18n.projectFieldLabel }}</label >
125
- <project-filter :initial-data =" projectInitialJson" />
126
132
</div >
127
133
</div >
128
- <hr class =" gl-mt-5 gl-mb-0 gl-border-gray-100" />
129
134
</section >
130
135
</template >
0 commit comments