mirror of
https://github.com/nocodb/nocodb.git
synced 2026-05-01 10:56:36 +00:00
4d0f7ec165
* fix(nc-gui): org role selector dropdown options issue * fix(nc-gui): update sort icons from member list * fix(nc-gui): add missing user role dropdown class * chore: font size for collab data Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> --------- Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> Co-authored-by: Raju Udava <86527202+dstala@users.noreply.github.com>
28 lines
712 B
Vue
28 lines
712 B
Vue
<script setup lang="ts">
|
|
const { header, field, toggleSort } = defineProps<{
|
|
header: string
|
|
activeSort: { field?: string; direction?: string }
|
|
field: UsersSortType['field']
|
|
toggleSort: Function
|
|
}>()
|
|
</script>
|
|
|
|
<template>
|
|
<div class="flex items-center space-x-2 cursor-pointer text-gray-700" @click="toggleSort(field)">
|
|
<span>
|
|
{{ header }}
|
|
</span>
|
|
<div class="flex">
|
|
<GeneralIcon
|
|
v-if="activeSort.field === field"
|
|
icon="chevronDown"
|
|
class="flex-none"
|
|
:class="{
|
|
'transform rotate-180': activeSort.direction === 'asc',
|
|
}"
|
|
/>
|
|
<GeneralIcon v-else icon="chevronUpDown" class="flex-none" />
|
|
</div>
|
|
</div>
|
|
</template>
|