mirror of https://github.com/nocodb/nocodb
Wing-Kam Wong
2 years ago
1 changed files with 10 additions and 4 deletions
@ -1,14 +1,20 @@
|
||||
<script setup lang="ts"> |
||||
const emits = defineEmits(['addRow']) |
||||
const { isOpen } = useSidebar({ storageKey: 'nc-right-sidebar' }) |
||||
const isLocked = inject(IsLockedInj) |
||||
</script> |
||||
|
||||
<template> |
||||
<a-tooltip :placement="isOpen ? 'bottomRight' : 'left'"> |
||||
<template #title> {{ $t('activity.addRow') }} </template> |
||||
|
||||
<div class="nc-sidebar-right-item hover:after:bg-primary/75 group nc-sidebar-add-row"> |
||||
<MdiPlusOutline class="cursor-pointer group-hover:(!text-white)" @click="emits('addRow')" /> |
||||
<div |
||||
:class="{ 'hover:after:bg-primary/75 group': !isLocked, 'disabled-ring': isLocked }" |
||||
class="nc-sidebar-right-item nc-sidebar-add-row" |
||||
> |
||||
<MdiPlusOutline |
||||
:class="{ 'cursor-pointer group-hover:(!text-white)': !isLocked, 'disabled': isLocked }" |
||||
@click="!isLocked ? emits('addRow') : {}" |
||||
/> |
||||
</div> |
||||
</a-tooltip> |
||||
</template> |
Loading…
Reference in new issue