nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-18 16:22:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

mobile spotlight

Browse Source
This commit is contained in:
Peter Papp
2021-08-10 10:19:10 +02:00
parent 79295e77b6
commit 1175724e43
17 changed files with 241 additions and 824 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
resources/js/components/FilesView/MobileActionButton.vue
View File

@@ -1,6 +1,7 @@
<template>
<button class="mobile-action-button">
<div class="flex">
<search-icon v-if="icon === 'search'" size="15" class="icon dark-text-theme" />
<refresh-cw-icon v-if="icon === 'refresh'" size="15" class="icon dark-text-theme" />
<download-icon v-if="icon === 'download'" size="15" class="icon dark-text-theme" />
<copy-icon v-if="icon === 'copy'" size="15" class="icon dark-text-theme" />
@@ -18,7 +19,7 @@
<dollar-sign-icon v-if="icon === 'dollar-sign'" size="15" class="icon dark-text-theme" />
<sorting-icon v-if="icon === 'preview-sorting'" class="icon dark-text-theme preview-sorting" />
<cloud-plus-icon v-if="icon === 'cloud-plus'" class="icon dark-text-theme preview-sorting" />
<span class="label">
<span v-if="$slots.default" class="label">
<slot></slot>
</span>
</div>
@@ -26,7 +27,7 @@
</template>
<script>
import { RefreshCwIcon, DownloadIcon, CopyIcon, FilterIcon, DollarSignIcon, CheckIcon, XSquareIcon, CheckSquareIcon, FolderPlusIcon, ListIcon, GridIcon, TrashIcon, UserPlusIcon, PlusIcon, CreditCardIcon } from 'vue-feather-icons'
import { SearchIcon, RefreshCwIcon, DownloadIcon, CopyIcon, FilterIcon, DollarSignIcon, CheckIcon, XSquareIcon, CheckSquareIcon, FolderPlusIcon, ListIcon, GridIcon, TrashIcon, UserPlusIcon, PlusIcon, CreditCardIcon } from 'vue-feather-icons'
import CloudPlusIcon from '@/components/FilesView/Icons/CloudPlusIcon'
import SortingIcon from '@/components/FilesView/Icons/SortingIcon'
@@ -47,6 +48,7 @@
SortingIcon,
XSquareIcon,
FilterIcon,
SearchIcon,
CheckIcon,
TrashIcon,
PlusIcon,
@@ -76,7 +78,6 @@
}
.icon {
margin-right: 10px;
@include font-size(14);
path, line, polyline, rect, circle, polygon {
@@ -89,7 +90,8 @@
@include font-size(14);
font-weight: 700;
color: $text;
}
padding-left: 10px;
}
&:active {
@include transform(scale(0.95));