- 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

@@ -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" />