- Invoice sidebar

- mobile invoice menu
This commit is contained in:
Peter Papp
2021-04-20 15:11:55 +02:00
parent dd0d10afda
commit 90051cec91
13 changed files with 1443 additions and 35 deletions
@@ -171,8 +171,6 @@ export default {
this.area = false
},
clickedItem(e) {
events.$emit('unClick')
if (!this.$isMobile()) {
// After click deselect new folder rename input
@@ -170,8 +170,6 @@ export default {
this.area = false
},
clickedItem(e) {
events.$emit('unClick')
if (!this.$isMobile()) {
// After click deselect new folder rename input
@@ -33,6 +33,7 @@
<monitor-icon v-if="icon === 'monitor'" size="17" class="group-hover-text-theme" :class="{'text-theme': isActive}"/>
<box-icon v-if="icon === 'box'" size="17" class="group-hover-text-theme" :class="{'text-theme': isActive}"/>
<clock-icon v-if="icon === 'clock'" size="17" class="group-hover-text-theme" :class="{'text-theme': isActive}"/>
<send-icon v-if="icon === 'send'" size="17" class="group-hover-text-theme" :class="{'text-theme': isActive}"/>
</div>
<div class="text-label group-hover-text-theme" :class="{'text-theme': isActive}">
{{ title }}
@@ -46,6 +47,7 @@
<script>
import AlphabetIcon from '@/components/FilesView/Icons/AlphabetIcon'
import {
SendIcon,
ClockIcon,
ChevronRightIcon,
BoxIcon,
@@ -89,6 +91,7 @@ import {
'icon'
],
components: {
SendIcon,
ClockIcon,
BoxIcon,
MonitorIcon,
@@ -6,6 +6,7 @@
<video-icon v-if="icon === 'video'" class="icon text-theme" size="21" />
<folder-icon v-if="icon === 'folder'" class="icon text-theme" size="21" />
<file-icon v-if="icon === 'file'" class="icon text-theme" size="21" />
<file-text-icon v-if="icon === 'file-text'" class="icon text-theme" size="21" />
</div>
<div class="text">
<span class="title">{{ title }}</span>
@@ -17,6 +18,7 @@
<script>
import {
CheckSquareIcon,
FileTextIcon,
FolderIcon,
ImageIcon,
VideoIcon,
@@ -32,6 +34,7 @@ export default {
],
components: {
CheckSquareIcon,
FileTextIcon,
FolderIcon,
ImageIcon,
VideoIcon,
@@ -71,7 +74,7 @@ export default {
.icon-wrapper {
polyline, path, rect, circle, polyline {
polyline, path, rect, circle, polyline, line {
color: inherit;
}
}