mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-04-24 09:50:39 +00:00
tailwind 3 upgrade part 2
This commit is contained in:
@@ -96,8 +96,8 @@
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@import '/resources/sass/vuefilemanager/_variables';
|
||||
@import '/resources/sass/vuefilemanager/_mixins';
|
||||
@import '../../../sass/vuefilemanager/variables';
|
||||
@import '../../../sass/vuefilemanager/mixins';
|
||||
|
||||
.popup {
|
||||
position: absolute;
|
||||
|
||||
@@ -22,8 +22,8 @@
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@import '/resources/sass/vuefilemanager/_variables';
|
||||
@import '/resources/sass/vuefilemanager/_mixins';
|
||||
@import '../../../sass/vuefilemanager/variables';
|
||||
@import '../../../sass/vuefilemanager/mixins';
|
||||
|
||||
.button-base {
|
||||
@include font-size(15);
|
||||
|
||||
@@ -31,8 +31,8 @@
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@import '/resources/sass/vuefilemanager/_variables';
|
||||
@import '/resources/sass/vuefilemanager/_mixins';
|
||||
@import '../../../sass/vuefilemanager/variables';
|
||||
@import '../../../sass/vuefilemanager/mixins';
|
||||
|
||||
.button-base {
|
||||
@include font-size(15);
|
||||
|
||||
@@ -116,20 +116,20 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import FileSortingOptions from '/resources/js/components/FilesView/FileSortingOptions'
|
||||
import UploadProgress from '/resources/js/components/FilesView/UploadProgress'
|
||||
import PopoverWrapper from '/resources/js/components/Desktop/PopoverWrapper'
|
||||
import ToolbarWrapper from '/resources/js/components/Desktop/ToolbarWrapper'
|
||||
import ToolbarButton from '/resources/js/components/FilesView/ToolbarButton'
|
||||
import OptionUpload from '/resources/js/components/FilesView/OptionUpload'
|
||||
import ToolbarGroup from '/resources/js/components/Desktop/ToolbarGroup'
|
||||
import OptionGroup from '/resources/js/components/FilesView/OptionGroup'
|
||||
import FileSortingOptions from "./FileSortingOptions";
|
||||
import UploadProgress from "./UploadProgress";
|
||||
import PopoverWrapper from "../Desktop/PopoverWrapper";
|
||||
import ToolbarWrapper from "../Desktop/ToolbarWrapper";
|
||||
import ToolbarButton from "./ToolbarButton";
|
||||
import OptionUpload from "./OptionUpload";
|
||||
import ToolbarGroup from "../Desktop/ToolbarGroup";
|
||||
import OptionGroup from "./OptionGroup";
|
||||
import TeamMembersButton from "../Teams/Components/TeamMembersButton"
|
||||
import PopoverItem from '/resources/js/components/Desktop/PopoverItem'
|
||||
import PopoverItem from "../Desktop/PopoverItem";
|
||||
import TeamFolderPreview from "../Teams/Components/TeamFolderPreview"
|
||||
import {MenuIcon, ChevronLeftIcon, MoreHorizontalIcon} from 'vue-feather-icons'
|
||||
import SearchBar from '/resources/js/components/FilesView/SearchBar'
|
||||
import Option from '/resources/js/components/FilesView/Option'
|
||||
import SearchBar from "./SearchBar";
|
||||
import Option from "./Option";
|
||||
import {events} from "../../bus";
|
||||
import {mapGetters} from 'vuex'
|
||||
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import TitlePreview from '/resources/js/components/FilesView/TitlePreview'
|
||||
import TitlePreview from "./TitlePreview";
|
||||
import { mapGetters } from 'vuex'
|
||||
import { events } from '../../bus'
|
||||
|
||||
@@ -80,8 +80,8 @@ export default {
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '/resources/sass/vuefilemanager/_variables';
|
||||
@import '/resources/sass/vuefilemanager/_mixins';
|
||||
@import '../../../sass/vuefilemanager/variables';
|
||||
@import '../../../sass/vuefilemanager/mixins';
|
||||
|
||||
#drag-ui {
|
||||
max-width: 300px;
|
||||
|
||||
@@ -35,8 +35,8 @@
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@import '/resources/sass/vuefilemanager/_variables';
|
||||
@import '/resources/sass/vuefilemanager/_mixins';
|
||||
@import '../../../sass/vuefilemanager/variables';
|
||||
@import '../../../sass/vuefilemanager/mixins';
|
||||
|
||||
.title {
|
||||
@include font-size(20);
|
||||
|
||||
@@ -55,8 +55,8 @@
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@import '/resources/sass/vuefilemanager/_variables';
|
||||
@import '/resources/sass/vuefilemanager/_mixins';
|
||||
@import '../../../sass/vuefilemanager/variables';
|
||||
@import '../../../sass/vuefilemanager/mixins';
|
||||
|
||||
.button-enter-active,
|
||||
.button-leave-active {
|
||||
|
||||
@@ -6,6 +6,12 @@
|
||||
</svg>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "CloudPlusIcon",
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
|
||||
.preview-list-icon {
|
||||
|
||||
@@ -8,6 +8,12 @@
|
||||
</svg>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "SortingIcon",
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
|
||||
.preview-list-icon {
|
||||
|
||||
@@ -108,8 +108,8 @@ export default {
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '/resources/sass/vuefilemanager/_variables';
|
||||
@import '/resources/sass/vuefilemanager/_mixins';
|
||||
@import '../../../sass/vuefilemanager/variables';
|
||||
@import '../../../sass/vuefilemanager/mixins';
|
||||
|
||||
.meta-data-list {
|
||||
list-style: none;
|
||||
|
||||
@@ -110,13 +110,13 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import FilePreviewDetail from '/resources/js/components/Others/FilePreviewDetail'
|
||||
import CopyShareLink from '/resources/js/components/Others/Forms/CopyShareLink'
|
||||
import FilePreviewDetail from "../Others/FilePreviewDetail";
|
||||
import CopyShareLink from "../Others/Forms/CopyShareLink";
|
||||
import {Edit2Icon, LockIcon, UnlockIcon, EyeOffIcon} from 'vue-feather-icons'
|
||||
import ImageMetaData from '/resources/js/components/FilesView/ImageMetaData'
|
||||
import TitlePreview from '/resources/js/components/FilesView/TitlePreview'
|
||||
import ImageMetaData from "./ImageMetaData";
|
||||
import TitlePreview from "./TitlePreview";
|
||||
import TeamMembersPreview from "../Teams/Components/TeamMembersPreview"
|
||||
import ListInfoItem from '/resources/js/components/Others/ListInfoItem'
|
||||
import ListInfoItem from "../Others/ListInfoItem";
|
||||
import MemberAvatar from "./MemberAvatar"
|
||||
import {mapGetters} from 'vuex'
|
||||
|
||||
|
||||
@@ -97,7 +97,7 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import FolderIcon from '/resources/js/components/FilesView/FolderIcon'
|
||||
import FolderIcon from "./FolderIcon";
|
||||
import {LinkIcon, MoreHorizontalIcon, EyeIcon} from 'vue-feather-icons'
|
||||
import FileIconThumbnail from "./FileIconThumbnail"
|
||||
import MemberAvatar from "./MemberAvatar"
|
||||
|
||||
@@ -214,8 +214,8 @@ export default {
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@import '/resources/sass/vuefilemanager/_variables';
|
||||
@import '/resources/sass/vuefilemanager/_mixins';
|
||||
@import '../../../sass/vuefilemanager/variables';
|
||||
@import '../../../sass/vuefilemanager/mixins';
|
||||
|
||||
|
||||
.slide-from-left-move {
|
||||
|
||||
@@ -35,8 +35,8 @@
|
||||
|
||||
<script>
|
||||
import { UserCheckIcon, HardDriveIcon, UploadCloudIcon, LinkIcon, Trash2Icon, UsersIcon, SearchIcon, RefreshCwIcon, DownloadIcon, CopyIcon, FilterIcon, DollarSignIcon, CheckIcon, XSquareIcon, CheckSquareIcon, FolderPlusIcon, ListIcon, GridIcon, TrashIcon, UserPlusIcon, PlusIcon, CreditCardIcon } from 'vue-feather-icons'
|
||||
import CloudPlusIcon from '/resources/js/components/FilesView/Icons/CloudPlusIcon'
|
||||
import SortingIcon from '/resources/js/components/FilesView/Icons/SortingIcon'
|
||||
import CloudPlusIcon from "./Icons/CloudPlusIcon";
|
||||
import SortingIcon from "./Icons/SortingIcon";
|
||||
|
||||
export default {
|
||||
name: 'MobileActionButton',
|
||||
|
||||
@@ -36,8 +36,8 @@
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@import '/resources/sass/vuefilemanager/_variables';
|
||||
@import '/resources/sass/vuefilemanager/_mixins';
|
||||
@import '../../../sass/vuefilemanager/variables';
|
||||
@import '../../../sass/vuefilemanager/mixins';
|
||||
|
||||
.mobile-action-button {
|
||||
background: $light_background;
|
||||
|
||||
@@ -17,9 +17,9 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import MenuMobileGroup from '/resources/js/components/Mobile/MenuMobileGroup'
|
||||
import ThumbnailItem from '/resources/js/components/Others/ThumbnailItem'
|
||||
import MenuMobile from '/resources/js/components/Mobile/MenuMobile'
|
||||
import MenuMobileGroup from "../Mobile/MenuMobileGroup";
|
||||
import ThumbnailItem from "../Others/ThumbnailItem";
|
||||
import MenuMobile from "../Mobile/MenuMobile";
|
||||
import {mapGetters} from 'vuex'
|
||||
|
||||
export default {
|
||||
|
||||
@@ -7,8 +7,8 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import MenuMobileGroup from '/resources/js/components/Mobile/MenuMobileGroup'
|
||||
import MenuMobile from '/resources/js/components/Mobile/MenuMobile'
|
||||
import MenuMobileGroup from "../Mobile/MenuMobileGroup";
|
||||
import MenuMobile from "../Mobile/MenuMobile";
|
||||
import {events} from "../../bus";
|
||||
|
||||
export default {
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ToolbarButton from '/resources/js/components/FilesView/ToolbarButton'
|
||||
import ToolbarButton from "./ToolbarButton";
|
||||
import {mapGetters} from 'vuex'
|
||||
|
||||
export default {
|
||||
|
||||
@@ -9,9 +9,9 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import MenuMobileGroup from '/resources/js/components/Mobile/MenuMobileGroup'
|
||||
import MenuMobileGroup from "../Mobile/MenuMobileGroup";
|
||||
import TeamFolderPreview from '../Teams/Components/TeamFolderPreview'
|
||||
import MenuMobile from '/resources/js/components/Mobile/MenuMobile'
|
||||
import MenuMobile from "../Mobile/MenuMobile";
|
||||
|
||||
export default {
|
||||
name: 'MobileTeamContextMenu',
|
||||
|
||||
@@ -32,7 +32,7 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import FolderUploadIcon from '/resources/js/components/FilesView/Icons/FolderUploadIcon'
|
||||
import FolderUploadIcon from "./Icons/FolderUploadIcon";
|
||||
import {
|
||||
UploadCloudIcon,
|
||||
} from 'vue-feather-icons'
|
||||
|
||||
@@ -32,8 +32,8 @@ export default {
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@import '/resources/sass/vuefilemanager/_variables';
|
||||
@import '/resources/sass/vuefilemanager/_mixins';
|
||||
@import '../../../sass/vuefilemanager/variables';
|
||||
@import '../../../sass/vuefilemanager/mixins';
|
||||
|
||||
.spinner-wrapper {
|
||||
padding-bottom: 90px;
|
||||
|
||||
@@ -12,8 +12,8 @@ export default {
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@import '/resources/sass/vuefilemanager/_variables';
|
||||
@import '/resources/sass/vuefilemanager/_mixins';
|
||||
@import '../../../sass/vuefilemanager/variables';
|
||||
@import '../../../sass/vuefilemanager/mixins';
|
||||
|
||||
.progress-bar {
|
||||
width: 100%;
|
||||
|
||||
@@ -11,8 +11,8 @@
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@import '/resources/sass/vuefilemanager/_variables';
|
||||
@import '/resources/sass/vuefilemanager/_mixins';
|
||||
@import '../../../sass/vuefilemanager/variables';
|
||||
@import '../../../sass/vuefilemanager/mixins';
|
||||
|
||||
#loading-bar-spinner.spinner {
|
||||
left: 50%;
|
||||
|
||||
@@ -22,8 +22,8 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import SortingIcon from '/resources/js/components/FilesView/Icons/SortingIcon'
|
||||
import CloudPlusIcon from '/resources/js/components/FilesView/Icons/CloudPlusIcon'
|
||||
import SortingIcon from "./Icons/SortingIcon";
|
||||
import CloudPlusIcon from "./Icons/CloudPlusIcon";
|
||||
import {
|
||||
SearchIcon,
|
||||
UserPlusIcon,
|
||||
|
||||
@@ -25,7 +25,7 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ProgressBar from '/resources/js/components/FilesView/ProgressBar'
|
||||
import ProgressBar from "./ProgressBar";
|
||||
import { RefreshCwIcon, XIcon } from 'vue-feather-icons'
|
||||
import {mapGetters} from 'vuex'
|
||||
import {events} from "../../bus";
|
||||
@@ -55,8 +55,8 @@
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@import '/resources/sass/vuefilemanager/_variables';
|
||||
@import '/resources/sass/vuefilemanager/_mixins';
|
||||
@import '../../../sass/vuefilemanager/variables';
|
||||
@import '../../../sass/vuefilemanager/mixins';
|
||||
|
||||
.sync-alt {
|
||||
animation: spin 1s linear infinite;
|
||||
|
||||
Reference in New Issue
Block a user