1
0
forked from test/crm

fix: added tooltip on action buttons

This commit is contained in:
Shariq Ansari 2024-02-28 21:38:39 +05:30
parent f080f22179
commit cf1b3ed82d

View File

@ -11,30 +11,35 @@
/> />
<div class="actions flex items-center justify-center"> <div class="actions flex items-center justify-center">
<Button <Tooltip text="Set As Primary" v-if="!isNew && !option.selected">
variant="ghost" <Button
size="sm" variant="ghost"
v-if="!isNew && !option.selected" size="sm"
class="opacity-0 hover:bg-gray-300 group-hover:opacity-100" class="opacity-0 hover:bg-gray-300 group-hover:opacity-100"
@click="option.onClick" @click="option.onClick"
> >
<SuccessIcon /> <SuccessIcon />
</Button> </Button>
<Button </Tooltip>
variant="ghost" <Tooltip text="Edit">
size="sm" <Button
class="opacity-0 hover:bg-gray-300 group-hover:opacity-100" variant="ghost"
@click="toggleEditMode" size="sm"
> class="opacity-0 hover:bg-gray-300 group-hover:opacity-100"
<EditIcon /> @click="toggleEditMode"
</Button> >
<Button <EditIcon />
variant="ghost" </Button>
icon="x" </Tooltip>
size="sm" <Tooltip text="Delete">
class="opacity-0 hover:bg-gray-300 group-hover:opacity-100" <Button
@click="() => option.onDelete(option, isNew)" variant="ghost"
/> icon="x"
size="sm"
class="opacity-0 hover:bg-gray-300 group-hover:opacity-100"
@click="() => option.onDelete(option, isNew)"
/>
</Tooltip>
</div> </div>
</div> </div>
<div> <div>
@ -50,7 +55,7 @@
<script setup> <script setup>
import SuccessIcon from '@/components/Icons/SuccessIcon.vue' import SuccessIcon from '@/components/Icons/SuccessIcon.vue'
import EditIcon from '@/components/Icons/EditIcon.vue' import EditIcon from '@/components/Icons/EditIcon.vue'
import { TextInput } from 'frappe-ui' import { TextInput, Tooltip } from 'frappe-ui'
import { nextTick, ref, onMounted } from 'vue' import { nextTick, ref, onMounted } from 'vue'
const props = defineProps({ const props = defineProps({