fix(options): dropdown responsiveness

This commit is contained in:
2026-03-17 22:05:40 +01:00
parent 836d9d03d9
commit c7d2128bd9
3 changed files with 19 additions and 18 deletions
+18 -10
View File
@@ -120,15 +120,15 @@
</div>
</section>
</div>
</div>
<div class="options_actions">
<button class="btn--action" @click="onResetButtonClick">
{{ $t('options.reset-button') }}
</button>
<button class="btn--action" @click="onSearchButtonConfirm">
{{ $t('options.search-button') }}
</button>
</div>
<div class="options_actions">
<button class="btn--action" @click="onResetButtonClick">
{{ $t('options.reset-button') }}
</button>
<button class="btn--action" @click="onSearchButtonConfirm">
{{ $t('options.search-button') }}
</button>
</div>
</div>
</transition>
@@ -330,8 +330,16 @@ export default defineComponent({
<style lang="scss" scoped>
@use '../../styles/dropdown';
@use '../../styles/dropdown-filters';
@use '../../styles/responsive';
.filters-options > .dropdown_wrapper {
max-height: calc(100vh - 18.5em);
.dropdown_wrapper {
display: grid;
grid-template-rows: 1fr auto;
overflow: hidden;
max-height: 530px;
}
.options_content {
overflow: auto;
}
</style>