Invoice create menu

This commit is contained in:
Peter Papp
2021-04-20 15:51:01 +02:00
parent 33d45408d2
commit 4dfc5bcc35
9 changed files with 308 additions and 15 deletions
@@ -1,6 +1,7 @@
<template>
<button class="mobile-action-button">
<div class="flex">
<file-plus-icon v-if="icon === 'file-plus'" size="15" class="icon dark-text-theme" />
<filter-icon v-if="icon === 'filter'" size="15" class="icon dark-text-theme" />
<credit-card-icon v-if="icon === 'credit-card'" size="15" class="icon dark-text-theme" />
<folder-plus-icon v-if="icon === 'folder-plus'" size="15" class="icon dark-text-theme" />
@@ -22,7 +23,7 @@
</template>
<script>
import { FilterIcon, DollarSignIcon, CheckIcon, XSquareIcon, CheckSquareIcon, FolderPlusIcon, ListIcon, GridIcon, TrashIcon, UserPlusIcon, PlusIcon, CreditCardIcon } from 'vue-feather-icons'
import { FilePlusIcon, FilterIcon, DollarSignIcon, CheckIcon, XSquareIcon, CheckSquareIcon, FolderPlusIcon, ListIcon, GridIcon, TrashIcon, UserPlusIcon, PlusIcon, CreditCardIcon } from 'vue-feather-icons'
import SortingIcon from '@/components/FilesView/Icons/SortingIcon'
export default {
@@ -31,6 +32,7 @@
'icon'
],
components: {
FilePlusIcon,
SortingIcon,
CheckSquareIcon,
DollarSignIcon,
@@ -28,6 +28,8 @@
<cloud-icon v-if="icon === 'cloud'" size="17" class="group-hover-text-theme" :class="{'text-theme': isActive}"/>
<credit-card-icon v-if="icon === 'credit-card'" size="17" class="group-hover-text-theme" :class="{'text-theme': isActive}"/>
<file-text-icon v-if="icon === 'file-text'" size="17" class="group-hover-text-theme" :class="{'text-theme': isActive}"/>
<file-plus-icon v-if="icon === 'file-plus'" size="17" class="group-hover-text-theme" :class="{'text-theme': isActive}"/>
<user-plus-icon v-if="icon === 'user-plus'" size="17" class="group-hover-text-theme" :class="{'text-theme': isActive}"/>
<database-icon v-if="icon === 'database'" size="17" class="group-hover-text-theme" :class="{'text-theme': isActive}"/>
<globe-icon v-if="icon === 'globe'" size="17" class="group-hover-text-theme" :class="{'text-theme': isActive}"/>
<monitor-icon v-if="icon === 'monitor'" size="17" class="group-hover-text-theme" :class="{'text-theme': isActive}"/>
@@ -47,6 +49,8 @@
<script>
import AlphabetIcon from '@/components/FilesView/Icons/AlphabetIcon'
import {
UserPlusIcon,
FilePlusIcon,
SendIcon,
ClockIcon,
ChevronRightIcon,
@@ -91,6 +95,8 @@ import {
'icon'
],
components: {
UserPlusIcon,
FilePlusIcon,
SendIcon,
ClockIcon,
BoxIcon,