test/crm
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: minor UI fixes

Browse Source
This commit is contained in:
Shariq Ansari 2023-08-10 14:42:41 +05:30
parent 9a8f47b007
commit 742462f86c
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/components/SortBy.vue
View File

@ -14,7 +14,7 @@
</template> </template>
<template #body="{ close }"> <template #body="{ close }">
<div class="rounded-lg border border-gray-100 bg-white shadow-xl my-2"> <div class="rounded-lg border border-gray-100 bg-white shadow-xl my-2">
<div class="p-2"> <div class="p-2 min-w-[352px]">
<div <div
v-if="sortValues.length" v-if="sortValues.length"
id="sort-list" id="sort-list"
@ -47,7 +47,10 @@
<Button variant="ghost" icon="x" @click="removeSort(i)" /> <Button variant="ghost" icon="x" @click="removeSort(i)" />
</div> </div>
</div> </div>
<div v-else class="text-gray-600 text-sm px-3 py-2"> <div
v-else
class="text-gray-600 flex items-center text-sm px-3 h-7 mb-3"
>
Empty - Choose a field to sort by Empty - Choose a field to sort by
</div> </div>
<div class="flex items-center justify-between gap-2"> <div class="flex items-center justify-between gap-2">
@ -59,6 +62,7 @@
> >
<template #target="{ togglePopover }"> <template #target="{ togglePopover }">
<Button <Button
class="!text-gray-600"
variant="ghost" variant="ghost"
@click="togglePopover()" @click="togglePopover()"
label="Add sort" label="Add sort"
@ -71,6 +75,7 @@
</Autocomplete> </Autocomplete>
<Button <Button
v-if="sortValues.length" v-if="sortValues.length"
class="!text-gray-600"
variant="ghost" variant="ghost"
label="Clear sort" label="Clear sort"
@click="clearSort(close)" @click="clearSort(close)"