fixes part 4

This commit is contained in:
Čarodej
2022-03-01 18:04:36 +01:00
parent 3f0a69a062
commit 90303458a0
20 changed files with 39 additions and 30 deletions
+10
View File
@@ -51,6 +51,16 @@ export default {
'config.defaultThemeMode': function () {
this.handleDarkMode()
},
'$route' () {
let section = this.$router.currentRoute.fullPath.split('/')[1]
const app = document.getElementsByTagName('body')[0]
if (['admin', 'user'].includes(section)) {
app.classList.add('dark:bg-dark-background', 'bg-light-background')
} else {
app.classList.remove('dark:bg-dark-background', 'bg-light-background')
}
}
},
methods: {
spotlightListener(e) {
@@ -1,5 +1,5 @@
<template>
<div class="flex h-screen items-center justify-center md:px-0 px-4" v-if="isLoading || isEmpty">
<div class="flex items-center justify-center fixed top-20 bottom-0 left-0 right-0 md:px-0 px-4" v-if="isLoading || isEmpty">
<!--Show message for user-->
<div v-if="!isLoading" class="text-content text-center">
<slot></slot>
@@ -1,5 +1,5 @@
<template>
<div class="z-20 block flex w-full items-center justify-between py-5 px-5 text-center lg:hidden">
<div class="z-20 relative block flex w-full items-center justify-between py-5 px-5 text-center lg:hidden">
<!--Location Title-->
<div
class="inline-block overflow-hidden text-ellipsis whitespace-nowrap align-middle text-sm font-bold transition-all duration-200 dark:text-gray-100"
@@ -7,7 +7,7 @@
<div
v-if="imagePreview"
@click="resetImage"
class="absolute right-0 top-0 z-10 flex h-7 w-7 -translate-y-3 translate-x-3 cursor-pointer items-center justify-center rounded-md rounded-full bg-white shadow-lg"
class="absolute right-0 top-0 z-[9] flex h-7 w-7 -translate-y-3 translate-x-3 cursor-pointer items-center justify-center rounded-md rounded-full bg-white shadow-lg"
>
<x-icon size="14" class="vue-feather" />
</div>
+1 -1
View File
@@ -64,7 +64,7 @@ const FunctionHelpers = {
}
Vue.prototype.$scrollTop = function () {
var container = document.getElementById('vuefilemanager')
const container = document.getElementsByTagName('html')[0]
if (container) {
container.scrollTop = 0
+1 -1
View File
@@ -1,5 +1,5 @@
<template>
<div class="bg-light-background dark:bg-dark-background md:h-screen md:overflow-hidden lg:flex">
<div class="md:h-screen md:overflow-hidden lg:flex">
<!--On Top of App Components-->
<FilePreview />
<Spotlight />
@@ -2,15 +2,15 @@
<PageTab v-if="!isLoading">
<!--Cron check-->
<div class="card shadow-card">
<FormLabel icon="info"> Cron </FormLabel>
<FormLabel icon="info">Cron</FormLabel>
<div class="flex items-center justify-between">
<div class="lg:flex lg:space-y-0 space-y-3 items-center justify-between">
<div class="text-left">
<b class="block text-sm font-bold">Cron Jobs</b>
<small v-if="!cron.running" class="text-xs text-gray-600">
<small v-if="!cron.running" class="text-xs text-gray-600 pt-1 block leading-normal">
We detect, your cron jobs probably doesn't work correctly, please check it.
</small>
<small v-if="cron.running" class="text-xs text-gray-600">
<small v-if="cron.running" class="text-xs text-gray-600 pt-1 block leading-normal">
Latest Update: {{ cron.lastUpdate }}
</small>
</div>
@@ -44,7 +44,7 @@
v-if="backups.length"
v-for="(filename, i) in backups"
:key="i"
class="flex items-center justify-between border-b border-dashed border-light py-3 dark:border-opacity-5"
class="md:flex md:space-y-0 space-y-3 items-center justify-between border-b border-dashed border-light py-3 dark:border-opacity-5"
>
<div class="text-left">
<b class="block text-sm font-bold">{{ filename }}</b>
@@ -66,7 +66,7 @@
>
<div class="text-left">
<b class="block text-sm font-bold">PHP Version</b>
<small v-if="!phpVersion.acceptable" class="text-xs text-gray-600">
<small v-if="!phpVersion.acceptable" class="text-xs text-gray-600 pt-1 block leading-normal">
You need PHP version at least {{ phpVersion.minimal }}.
</small>
</div>
@@ -102,7 +102,7 @@
>
<div class="text-left">
<b class="block text-sm font-bold">{{ setting }}</b>
<small v-if="!values.status" class="text-xs text-gray-600">
<small v-if="!values.status" class="text-xs text-gray-600 pt-1 block leading-normal">
We recommend set this value at least {{ values.minimal }}.
</small>
</div>
+1 -1
View File
@@ -28,7 +28,7 @@
</DatatableWrapper>
<!--Empty State-->
<div v-if="config.isEmptyTransactions" class="flex h-full items-center justify-center">
<div v-if="config.isEmptyTransactions" class="flex items-center justify-center fixed top-0 bottom-0 left-0 right-0">
<div class="text-center">
<img
class="mb-6 inline-block w-28"
+1 -1
View File
@@ -161,7 +161,7 @@
</div>
<!--Empty State-->
<div v-if="config.isEmptyPlans" class="flex h-full items-center justify-center">
<div v-if="config.isEmptyPlans" class="flex items-center justify-center fixed top-0 bottom-0 left-0 right-0">
<div class="text-center">
<img
class="mb-6 inline-block w-28"
+1 -1
View File
@@ -78,7 +78,7 @@
</DatatableWrapper>
<!--Empty State-->
<div v-if="config.isEmptySubscriptions" class="flex h-full items-center justify-center">
<div v-if="config.isEmptySubscriptions" class="flex items-center justify-center fixed top-0 bottom-0 left-0 right-0">
<div class="text-center">
<img
class="mb-6 inline-block w-28"
+1 -1
View File
@@ -177,7 +177,7 @@
<MobileActionButton @click.native="$openSpotlight()" icon="search">
{{ $t('Spotlight') }}
</MobileActionButton>
<MobileActionButton @click.native="$showMobileMenu('file-filter')" :icon="$getCurrentSectionIcon()">
<MobileActionButton @click.native="$showMobileMenu('file-filter')" icon="filter">
{{ $getCurrentSectionName() }}
</MobileActionButton>
<MobileActionButton
@@ -98,7 +98,7 @@
<MobileActionButton @click.native="$openSpotlight()" icon="search">
{{ $t('Spotlight') }}
</MobileActionButton>
<MobileActionButton @click.native="$showMobileMenu('file-filter')" :icon="$getCurrentSectionIcon()">
<MobileActionButton @click.native="$showMobileMenu('file-filter')" icon="filter">
{{ $getCurrentSectionName() }}
</MobileActionButton>
<MobileActionButton @click.native="$enableMultiSelectMode" icon="check-square">
@@ -65,7 +65,7 @@
<MobileActionButton @click.native="$openSpotlight()" icon="search">
{{ $t('Spotlight') }}
</MobileActionButton>
<MobileActionButton @click.native="$showMobileMenu('file-filter')" :icon="$getCurrentSectionIcon()">
<MobileActionButton @click.native="$showMobileMenu('file-filter')" icon="filter">
{{ $getCurrentSectionName() }}
</MobileActionButton>
<MobileActionButtonUpload>
+1 -1
View File
@@ -111,7 +111,7 @@
<MobileActionButton @click.native="$openSpotlight()" icon="search">
{{ $t('Spotlight') }}
</MobileActionButton>
<MobileActionButton @click.native="$showMobileMenu('file-filter')" :icon="$getCurrentSectionIcon()">
<MobileActionButton @click.native="$showMobileMenu('file-filter')" icon="filter">
{{ $getCurrentSectionName() }}
</MobileActionButton>
<MobileActionButton v-if="canEdit" @click.native="$showMobileMenu('create-list')" icon="cloud-plus">
+1 -1
View File
@@ -176,7 +176,7 @@
<MobileActionButton @click.native="$openSpotlight()" icon="search">
{{ $t('Spotlight') }}
</MobileActionButton>
<MobileActionButton @click.native="$showMobileMenu('file-filter')" :icon="$getCurrentSectionIcon()">
<MobileActionButton @click.native="$showMobileMenu('file-filter')" icon="filter">
{{ $getCurrentSectionName() }}
</MobileActionButton>
<MobileActionButton
+1 -1
View File
@@ -70,7 +70,7 @@
<MobileActionButton @click.native="$openSpotlight()" icon="search">
{{ $t('Spotlight') }}
</MobileActionButton>
<MobileActionButton @click.native="$showMobileMenu('file-filter')" :icon="$getCurrentSectionIcon()">
<MobileActionButton @click.native="$showMobileMenu('file-filter')" icon="filter">
{{ $getCurrentSectionName() }}
</MobileActionButton>
<MobileActionButton @click.native="$emptyTrash" icon="trash">
+1 -1
View File
@@ -1,5 +1,5 @@
<template>
<div class="bg-light-background dark:bg-dark-background md:h-screen md:overflow-hidden lg:flex">
<div class="md:h-screen md:overflow-hidden lg:flex">
<!--On Top of App Components-->
<FilePreview />
<Spotlight />
@@ -29,7 +29,7 @@
>
<div class="text-left">
<b class="block text-sm font-bold">PHP Version</b>
<small v-if="!phpVersion.acceptable" class="text-xs text-gray-600">
<small v-if="!phpVersion.acceptable" class="text-xs text-gray-600 pt-1 block leading-normal">
You need PHP version at least {{ phpVersion.minimal }}.
</small>
</div>
@@ -53,7 +53,7 @@
>
<div class="text-left">
<b class="block text-sm font-bold">{{ setting }}</b>
<small v-if="!values.status" class="text-xs text-gray-600">
<small v-if="!values.status" class="text-xs text-gray-600 pt-1 block leading-normal">
We recommend set this value at least {{ values.minimal }}.
</small>
</div>
@@ -110,7 +110,7 @@
<div class="flex items-center justify-between pt-3">
<div class="text-left">
<b class="block text-sm font-bold">API</b>
<small v-if="isCheckedAPI && !apiRunning" class="text-xs text-gray-600">
<small v-if="isCheckedAPI && !apiRunning" class="text-xs text-gray-600 pt-1 block leading-normal">
We detect, your domain root is not set correctly, please check it.
</small>
</div>
+4 -4
View File
@@ -28,13 +28,13 @@
@endphp
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<html style="min-height: 100%" lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta name="theme-color" content="{{ $settings->app_color ?? '#00BC7E' }}">
<!-- <meta name="theme-color" content="{{ $settings->app_color ?? '#00BC7E' }}">-->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
<meta name="description" content="{{ $settings->app_description ?? __t('app_description') }}">
<title>
@@ -66,7 +66,7 @@
@include('vuefilemanager.others.color-template')
</head>
<body class="{{ $installation === 'installation-needed' ? 'bg-light-background' : '' }} {{ is_dev() ? 'debug-screens' : '' }}">
<body style="min-height: 100%" class="{{ $installation === 'installation-needed' ? 'bg-light-background' : '' }} {{ is_dev() ? 'debug-screens' : '' }}">
<div id="app"></div>
@@ -23,7 +23,6 @@
@if(! $metadata['is_protected'])
@if($metadata['thumbnail'])
<meta property="og:image" content="{{ $metadata['thumbnail']['md'] }}">
@endif