| .actionItem { |
| @apply h-9 py-2 px-3 mx-1 flex items-center gap-2 rounded-lg cursor-pointer; |
| } |
|
|
| .actionName { |
| @apply text-gray-700 text-sm; |
| } |
|
|
| .commonIcon { |
| @apply w-4 h-4 inline-block align-middle; |
| background-repeat: no-repeat; |
| background-position: center center; |
| background-size: contain; |
| } |
|
|
| .actionIcon { |
| @apply bg-gray-500; |
| mask-image: url(~@/assets/action.svg); |
| } |
|
|
| body .btn.open, |
| body .btn:hover { |
| background: url(~@/assets/action.svg) center center no-repeat transparent; |
| background-size: 16px 16px; |
| } |
|
|
| body .btn:hover { |
| background-color: #F2F4F7; |
| } |
|
|
| .deleteActionItem:hover .deleteActionItemChild { |
| @apply text-red-500; |
| } |
|
|
