Skip to content

Commit

Permalink
wrap <h2> in <div>
Browse files Browse the repository at this point in the history
  • Loading branch information
AllanOXDi committed Dec 12, 2024
1 parent fa3ef9d commit 2d704b1
Showing 1 changed file with 28 additions and 26 deletions.
54 changes: 28 additions & 26 deletions packages/kolibri-common/components/SearchFiltersPanel/index.vue
Original file line number Diff line number Diff line change
@@ -33,32 +33,34 @@
:value="value.keywords || ''"
@change="val => $emit('input', { ...value, keywords: val })"
/>
<h2 class="section title">
{{ $tr('categories') }}
</h2>
<!-- list of category metadata - clicking prompts a filter modal -->
<div
v-for="(category, key) in availableLibraryCategories"
:key="key"
span="4"
class="category-list-item"
>
<KButton
:text="coreString(category.value)"
appearance="flat-button"
:appearanceOverrides="
isCategoryActive(category.value)
? { ...categoryListItemStyles, ...categoryListItemActiveStyles }
: categoryListItemStyles
"
:disabled="
availableRootCategories &&
!availableRootCategories[category.value] &&
!isCategoryActive(category.value)
"
:iconAfter="hasNestedCategories(key) ? 'chevronRight' : null"
@click="handleCategory(key)"
/>
<div v-if="Object.keys(availableLibraryCategories).length">
<h2 class="section title">
{{ $tr('categories') }}
</h2>
<!-- list of category metadata - clicking prompts a filter modal -->
<div
v-for="(category, key) in availableLibraryCategories"
:key="key"
span="4"
class="category-list-item"
>
<KButton
:text="coreString(category.value)"
appearance="flat-button"
:appearanceOverrides="
isCategoryActive(category.value)
? { ...categoryListItemStyles, ...categoryListItemActiveStyles }
: categoryListItemStyles
"
:disabled="
availableRootCategories &&
!availableRootCategories[category.value] &&
!isCategoryActive(category.value)
"
:iconAfter="hasNestedCategories(key) ? 'chevronRight' : null"
@click="handleCategory(key)"
/>
</div>
</div>
<div
span="4"

0 comments on commit 2d704b1

Please sign in to comment.