MrSphay/Modrinth-plus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(app): prevent browse controls from wrapping (#6080)

Browse Source 
* Prevent browse filter from wrapping

* Remove unnecessary styling

* Only expand width when required

* Update web variant styling
This commit is contained in:
Arthur
2026-05-12 19:45:26 +02:00
committed by GitHub
parent 3083dcd932
commit 3bf0f91cf0
1 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
packages/ui/src/layouts/shared/browse-tab/layout.vue
View File

@@ -99,7 +99,11 @@ const messages = defineMessages({
<Combobox <Combobox
:model-value="ctx.effectiveCurrentSortType.value" :model-value="ctx.effectiveCurrentSortType.value"
:options="sortOptions" :options="sortOptions"
:class="ctx.variant === 'web' ? '!w-auto flex-grow md:flex-grow-0' : 'max-w-[16rem]'" :class="
ctx.variant === 'web'
? '!w-[16rem] min-w-max max-w-full flex-grow md:flex-grow-0'
: '!w-[16rem] min-w-max max-w-full'
"
@update:model-value="(val: SortType) => (ctx.effectiveCurrentSortType.value = val)" @update:model-value="(val: SortType) => (ctx.effectiveCurrentSortType.value = val)"
> >
<template #prefix> <template #prefix>
@@ -112,7 +116,11 @@ const messages = defineMessages({
<Combobox <Combobox
:model-value="ctx.maxResults.value" :model-value="ctx.maxResults.value"
:options="maxResultsOptions" :options="maxResultsOptions"
:class="ctx.variant === 'web' ? '!w-auto flex-grow md:flex-grow-0' : 'max-w-[9rem]'" :class="
ctx.variant === 'web'
? '!w-[9rem] min-w-max max-w-full flex-grow md:flex-grow-0'
: '!w-[9rem] min-w-max max-w-full'
"
:placeholder="formatMessage(commonMessages.viewLabel)" :placeholder="formatMessage(commonMessages.viewLabel)"
@update:model-value="(val: number) => (ctx.maxResults.value = val)" @update:model-value="(val: number) => (ctx.maxResults.value = val)"
> >