diff options
-rw-r--r-- | src/assets/styles/bmc/_sila/_forms.scss | 9 | ||||
-rw-r--r-- | src/components/_sila/Global/Search.vue | 2 | ||||
-rw-r--r-- | src/views/_sila/Logs/EventLogs/EventLogs.vue | 6 | ||||
-rw-r--r-- | src/views/_sila/Logs/PostCodeLogs/PostCodeLogs.vue | 6 |
4 files changed, 20 insertions, 3 deletions
diff --git a/src/assets/styles/bmc/_sila/_forms.scss b/src/assets/styles/bmc/_sila/_forms.scss index 58aaef36..7a0a703a 100644 --- a/src/assets/styles/bmc/_sila/_forms.scss +++ b/src/assets/styles/bmc/_sila/_forms.scss @@ -226,6 +226,15 @@ padding-top: 4px; } +@media (min-width: 1200px) { + .search-block-1200 { + position: absolute; + top: 4.3rem; + right: $spacer; + justify-content: end; + } +} + @media (min-width: 768px) { .search-block { position: absolute; diff --git a/src/components/_sila/Global/Search.vue b/src/components/_sila/Global/Search.vue index 08be4ebb..c25224a7 100644 --- a/src/components/_sila/Global/Search.vue +++ b/src/components/_sila/Global/Search.vue @@ -10,7 +10,7 @@ <b-form-select v-if="showSearchBy" v-model="searchBy" - class="mr-2 w-50 search-selector" + class="mr-2 search-selector" :options="selectOptions" @change="onSelect" > diff --git a/src/views/_sila/Logs/EventLogs/EventLogs.vue b/src/views/_sila/Logs/EventLogs/EventLogs.vue index 2a344819..b036303e 100644 --- a/src/views/_sila/Logs/EventLogs/EventLogs.vue +++ b/src/views/_sila/Logs/EventLogs/EventLogs.vue @@ -2,7 +2,11 @@ <b-container fluid="xl"> <page-title /> <b-row class="align-items-start"> - <b-col sm="8" xl="6" class="search-block d-sm-flex align-items-end mb-4"> + <b-col + sm="12" + xl="6" + class="search-block-1200 d-sm-flex align-items-end mb-4" + > <search :placeholder="$t('pageEventLogs.table.searchLogs')" :show-search-by="true" diff --git a/src/views/_sila/Logs/PostCodeLogs/PostCodeLogs.vue b/src/views/_sila/Logs/PostCodeLogs/PostCodeLogs.vue index 33c5e26a..c0e8cff9 100644 --- a/src/views/_sila/Logs/PostCodeLogs/PostCodeLogs.vue +++ b/src/views/_sila/Logs/PostCodeLogs/PostCodeLogs.vue @@ -2,7 +2,11 @@ <b-container fluid="xl"> <page-title /> <b-row class="align-items-start"> - <b-col sm="8" xl="6" class="search-block d-sm-flex align-items-end mb-4"> + <b-col + sm="12" + xl="6" + class="search-block-1200 d-sm-flex align-items-end mb-4" + > <search :placeholder="$t('pagePostCodeLogs.table.searchLogs')" :show-search-by="true" |