- fixed issue with centering and overflowing info sidebar

This commit is contained in:
Čarodej
2022-04-07 10:37:11 +02:00
parent 7bd1079ce9
commit eb48aa46e3
6 changed files with 10 additions and 12 deletions

View File

@@ -1,6 +1,6 @@
{
"/js/main.js": "/js/main.js",
"/chunks/request.js": "/chunks/request.js?id=bb0e138b9f190b89",
"/chunks/request.js": "/chunks/request.js?id=820580e856724538",
"/chunks/request-upload.js": "/chunks/request-upload.js?id=54fed02f6ced4685",
"/chunks/setup-wizard.js": "/chunks/setup-wizard.js?id=19a0784e59d768ec",
"/chunks/status-check.js": "/chunks/status-check.js?id=f82f9939c1326fe2",
@@ -9,7 +9,7 @@
"/chunks/environment.js": "/chunks/environment.js?id=166cd302ba7338ae",
"/chunks/app-setup.js": "/chunks/app-setup.js?id=15938ff1ad2d6ed2",
"/chunks/admin-account.js": "/chunks/admin-account.js?id=916450217130f3b8",
"/chunks/shared.js": "/chunks/shared.js?id=fa0aa086699172e1",
"/chunks/shared.js": "/chunks/shared.js?id=e928c7472e78b63d",
"/chunks/shared/browser.js": "/chunks/shared/browser.js?id=843bc2d059e81de4",
"/chunks/shared/single-file.js": "/chunks/shared/single-file.js?id=e907fd044a0d31bf",
"/chunks/shared/authenticate.js": "/chunks/shared/authenticate.js?id=672e931a9fb0b672",
@@ -62,7 +62,7 @@
"/chunks/settings-password.js": "/chunks/settings-password.js?id=3755d41eaf50a5b1",
"/chunks/settings-storage.js": "/chunks/settings-storage.js?id=994b669a56fd417b",
"/chunks/billing.js": "/chunks/billing.js?id=40e758c87bcf6e89",
"/chunks/platform.js": "/chunks/platform.js?id=1b39b72c0f800081",
"/chunks/platform.js": "/chunks/platform.js?id=0a2c034cf9807d11",
"/chunks/files.js": "/chunks/files.js?id=99230d6e76d78e5f",
"/chunks/recent-uploads.js": "/chunks/recent-uploads.js?id=8ba6e0814135b24a",
"/chunks/my-shared-items.js": "/chunks/my-shared-items.js?id=c0ff62b58694657e",

View File

@@ -11,7 +11,7 @@
<!--Show warning bar when user functionality is restricted-->
<RestrictionWarningBar />
<div :class="{'lg:flex lg:h-screen lg:overflow-hidden w-full': isSidebarNavigation}">
<div :class="{'lg:flex': isSidebarNavigation}">
<SidebarNavigation v-if="isSidebarNavigation" />
<router-view v-if="isLoaded" />
</div>

View File

@@ -1,8 +1,6 @@
import axios from 'axios'
import router from '../../router'
import Vue from 'vue'
import { events } from '../../bus'
import i18n from '../../i18n'
const defaultState = {
permission: 'master', // master | editor | visitor

View File

@@ -35,7 +35,7 @@
<div
@contextmenu.prevent.capture="contextMenu($event, undefined)"
class="transition-transform duration-200 lg:grid lg:flex-grow lg:content-start lg:px-3.5"
class="lg:flex lg:flex-col lg:w-full lg:px-3.5"
>
<DesktopToolbar />
@@ -45,7 +45,7 @@
<div v-if="config.allowedAdsense && config.adsenseBanner01" v-html="config.adsenseBanner01" class="mb-5 min-h-[120px]"></div>
<!--File list & info sidebar-->
<div class="flex space-x-3 lg:overflow-hidden">
<div class="flex space-x-3 lg:overflow-hidden grow">
<router-view id="file-view" class="relative w-full" :key="$route.fullPath" />
<InfoSidebar v-if="isVisibleSidebar" />

View File

@@ -24,7 +24,7 @@
<div
@contextmenu.prevent.capture="contextMenu($event, undefined)"
class="transition-transform duration-200 lg:grid lg:flex-grow lg:content-start lg:px-3.5"
class="lg:flex lg:flex-col lg:w-full lg:px-3.5"
>
<DesktopSharepageToolbar />
@@ -34,7 +34,7 @@
<div v-if="config.allowedAdsense && config.adsenseBanner01" v-html="config.adsenseBanner01" class="mb-5 min-h-[120px]"></div>
<!--File list & info sidebar-->
<div class="flex space-x-3 lg:overflow-hidden">
<div class="flex space-x-3 lg:overflow-hidden grow">
<router-view id="file-view" class="relative w-full" :key="$route.fullPath" />
<InfoSidebar v-if="isVisibleSidebar" />

View File

@@ -20,7 +20,7 @@
<div
@contextmenu.prevent.capture="contextMenu($event, undefined)"
class="transition-transform duration-200 lg:grid lg:flex-grow lg:content-start lg:px-3.5"
class="lg:flex lg:flex-col lg:w-full lg:px-3.5"
>
<DesktopUploadRequestToolbar v-if="canShowUI" />
<MobileUploadRequestToolBar v-if="canShowUI" />
@@ -29,7 +29,7 @@
<div v-if="config.allowedAdsense && config.adsenseBanner01" v-html="config.adsenseBanner01" class="mb-5 min-h-[120px]"></div>
<!--File list & info sidebar-->
<div class="flex space-x-3 lg:overflow-hidden">
<div class="flex space-x-3 lg:overflow-hidden grow">
<router-view id="file-view" class="relative w-full" :key="$route.fullPath" />
<InfoSidebarUploadRequest v-if="canShowUI && isVisibleSidebar" />