feat: show filter buttons on mobile for landing page search

marcel-bitfly · marcel-bitfly · commit 73777d2910eb · 2025-10-10T10:05:35.000+02:00
See: FE-134
See: 8e8a81
diff --git a/frontend/layers/base/app/components/BaseChipGroup.vue b/frontend/layers/base/app/components/BaseChipGroup.vue
@@ -61,7 +61,7 @@ const handleSelectFilter = (value: ChipItem['value']) => {
 
 <template>
   <ul
-    class="flex flex-wrap gap-md px-2xl py-lg"
+    class="flex gap-md px-2xl py-lg"
     role="group"
     :aria-label
   >
diff --git a/frontend/layers/products/app/components/BlockchainSearchInput.vue b/frontend/layers/products/app/components/BlockchainSearchInput.vue
@@ -80,6 +80,7 @@ const handleTypeFilterChange = () => {
       <BaseChipGroup
         v-model="searchParams.types"
         :items="chips"
+        class="overflow-x-auto overscroll-contain min-h-fit"
         :aria-label="$t('products.landing_page.search.filter_aria_label')"
         @update:model-value="handleTypeFilterChange"
       />

Original file line number	Diff line number	Diff line change
`@@ -61,7 +61,7 @@ const handleSelectFilter = (value: ChipItem['value']) => {`
`61`	`61`
`62`	`62`	`<template>`
`63`	`63`	`<ul`
`64`		`- class="flex flex-wrap gap-md px-2xl py-lg"`
	`64`	`+ class="flex gap-md px-2xl py-lg"`
`65`	`65`	`role="group"`
`66`	`66`	`:aria-label`
`67`	`67`	`>`