style: optimize toolbar layout (#115)

This commit is contained in:
Hayden
2025-02-03 16:52:37 +08:00
committed by GitHub
parent 123b46fa88
commit ac21c8015d

View File

@@ -9,18 +9,19 @@
> >
<div ref="toolbarContainer" class="col-span-full"> <div ref="toolbarContainer" class="col-span-full">
<div :class="['flex gap-4', $toolbar_2xl('flex-row', 'flex-col')]"> <div :class="['flex gap-4', $toolbar_2xl('flex-row', 'flex-col')]">
<ResponseInput <div class="flex-1">
v-model="searchContent" <ResponseInput
:placeholder="$t('searchModels')" v-model="searchContent"
:allow-clear="true" :placeholder="$t('searchModels')"
suffix-icon="pi pi-search" :allow-clear="true"
></ResponseInput> suffix-icon="pi pi-search"
></ResponseInput>
</div>
<div class="flex items-center justify-between gap-4 overflow-hidden"> <div class="flex items-center justify-between gap-4 overflow-hidden">
<ResponseSelect <ResponseSelect
v-model="currentType" v-model="currentType"
:items="typeOptions" :items="typeOptions"
:type="isMobile ? 'drop' : 'button'"
></ResponseSelect> ></ResponseSelect>
<ResponseSelect <ResponseSelect
v-model="sortOrder" v-model="sortOrder"