perf(frontend): use css-native implementation for spacer rather than vue component
This commit is contained in:
parent
c4f13a0472
commit
0a1ff77f23
143 changed files with 370 additions and 411 deletions
|
|
@ -5,6 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only
|
|||
|
||||
<template>
|
||||
<div
|
||||
class="_forceShrinkSpacer"
|
||||
:class="[$style.root, { [$style.paged]: isMainColumn, [$style.naked]: naked, [$style.active]: active, [$style.draghover]: draghover, [$style.dragging]: dragging, [$style.dropready]: dropready, [$style.withWallpaper]: withWallpaper }]"
|
||||
@dragover.prevent.stop="onDragover"
|
||||
@dragleave="onDragleave"
|
||||
|
|
@ -53,7 +54,6 @@ import { DI } from '@/di.js';
|
|||
|
||||
provide('shouldHeaderThin', true);
|
||||
provide('shouldOmitHeaderTitle', true);
|
||||
provide(DI.forceSpacerMin, true);
|
||||
|
||||
const withWallpaper = prefer.s['deck.wallpaper'] != null;
|
||||
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ SPDX-License-Identifier: AGPL-3.0-only
|
|||
-->
|
||||
|
||||
<template>
|
||||
<div :class="$style.root">
|
||||
<div :class="[$style.root, { '_forceShrinkSpacer': deviceKind === 'smartphone' }]">
|
||||
<XSidebar v-if="!isMobile" :class="$style.sidebar" :showWidgetButton="!isDesktop" @widgetButtonClick="widgetsShowing = true"/>
|
||||
|
||||
<div :class="$style.contents" @contextmenu.stop="onContextmenu">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue