diff options
Diffstat (limited to 'src/views/SILA/EventLogs/EventLogs.vue')
-rw-r--r-- | src/views/SILA/EventLogs/EventLogs.vue | 59 |
1 files changed, 33 insertions, 26 deletions
diff --git a/src/views/SILA/EventLogs/EventLogs.vue b/src/views/SILA/EventLogs/EventLogs.vue index 0d5ce428..36ec9802 100644 --- a/src/views/SILA/EventLogs/EventLogs.vue +++ b/src/views/SILA/EventLogs/EventLogs.vue @@ -5,22 +5,29 @@ class="event-logs-section" > <page-title /> - <div class="form-control event-log-search"> - <button class="search-button"> - <img - class="event-log-search__icon" - src="@/assets/images/search-icon.svg" - /> - </button> - <b-form-input - v-model="searchInput" - type="text" - class="event-log-search__input" - placeholder="Поиск по журналу" - @input="onChangeSearchInput" - @clear-search="onClearSearchInput" + <div class="event-log-head-container"> + <span class="regular-12px">Срок хранения событий:</span> + <span class="semi-bold-12px">42 дня</span> + <span class="regular-12px red" style="color: $red-brand-primary" + >Изменить</span > - </b-form-input> + <div class="form-control event-log-search"> + <button class="search-button"> + <img + class="event-log-search__icon" + src="@/assets/images/search-icon.svg" + /> + </button> + <b-form-input + v-model="searchInput" + type="text" + class="event-log-search__input" + placeholder="Поиск по журналу" + @input="onChangeSearchInput" + @clear-search="onClearSearchInput" + > + </b-form-input> + </div> </div> <div class="event-logs__section"> <div class="event-logs__filter-container"> @@ -890,7 +897,7 @@ $toolbar-height: 64px; margin: 0 32px; } -.event-log-search { +.event-log-head-container { position: absolute; top: calc(#{$header-height}); right: 0px; @@ -898,13 +905,21 @@ $toolbar-height: 64px; flex-flow: row nowrap; justify-content: flex-start; align-items: center; + gap: 6px; + z-index: 1001; +} + +.event-log-search { + display: flex; + flex-flow: row nowrap; + justify-content: flex-start; + align-items: center; border: none; box-shadow: none; border-radius: 8px; - margin: 12px 32px; + margin: 12px 32px 12px 16px; width: 236px; height: 40px; - z-index: 1001; } .search-button { @@ -1014,10 +1029,6 @@ $toolbar-height: 64px; color: $text-quaternary; } -.pointer { - cursor: pointer; -} - .pagination-container { width: calc(100% - #{$navigation-width}); height: $toolbar-height; @@ -1075,8 +1086,4 @@ $toolbar-height: 64px; height: auto; width: 70vw; } - -.pointer { - cursor: pointer; -} </style> |