fix: added tooltip on action buttons
This commit is contained in:
parent
f080f22179
commit
cf1b3ed82d
@ -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({
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user