refactor
This commit is contained in:
parent
c194eddb1b
commit
d672fccef4
|
@ -10,7 +10,7 @@
|
||||||
</span>
|
</span>
|
||||||
<button class="_button" @click="$refs.modal.close()"><i class="fas fa-times"></i></button>
|
<button class="_button" @click="$refs.modal.close()"><i class="fas fa-times"></i></button>
|
||||||
</div>
|
</div>
|
||||||
<div class="body _flat_">
|
<div class="body _fitSide_">
|
||||||
<keep-alive>
|
<keep-alive>
|
||||||
<component :is="component" v-bind="props" :ref="changePage"/>
|
<component :is="component" v-bind="props" :ref="changePage"/>
|
||||||
</keep-alive>
|
</keep-alive>
|
||||||
|
|
|
@ -16,7 +16,7 @@
|
||||||
<template #headerLeft>
|
<template #headerLeft>
|
||||||
<button v-if="history.length > 0" class="_button" @click="back()" v-tooltip="$ts.goBack"><i class="fas fa-arrow-left"></i></button>
|
<button v-if="history.length > 0" class="_button" @click="back()" v-tooltip="$ts.goBack"><i class="fas fa-arrow-left"></i></button>
|
||||||
</template>
|
</template>
|
||||||
<div class="yrolvcoq _flat_">
|
<div class="yrolvcoq _fitSide_">
|
||||||
<component :is="component" v-bind="props" :ref="changePage"/>
|
<component :is="component" v-bind="props" :ref="changePage"/>
|
||||||
</div>
|
</div>
|
||||||
</XWindow>
|
</XWindow>
|
||||||
|
|
|
@ -154,7 +154,7 @@ export default defineComponent({
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
._flat_ .ssazuxis {
|
._fitSide_ .ssazuxis {
|
||||||
> header {
|
> header {
|
||||||
padding: 0 16px;
|
padding: 0 16px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -43,7 +43,7 @@ export default defineComponent({
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
._flat_ .fpezltsf {
|
._fitSide_ .fpezltsf {
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -827,7 +827,7 @@ export default defineComponent({
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
._flat_ .ftskorzw.narrow {
|
._fitSide_ .ftskorzw.narrow {
|
||||||
> .profile {
|
> .profile {
|
||||||
> .warn {
|
> .warn {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
|
@ -380,7 +380,7 @@ hr {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
._flat_ {
|
._fitSide_ {
|
||||||
--root-margin: 0px;
|
--root-margin: 0px;
|
||||||
--baseContentWidth: 100%;
|
--baseContentWidth: 100%;
|
||||||
--panelBorder: none;
|
--panelBorder: none;
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
<header class="header" @contextmenu.prevent.stop="onContextmenu">
|
<header class="header" @contextmenu.prevent.stop="onContextmenu">
|
||||||
<MkHeader class="title" :info="pageInfo" :center="false"/>
|
<MkHeader class="title" :info="pageInfo" :center="false"/>
|
||||||
</header>
|
</header>
|
||||||
<component :is="component" v-bind="props" :ref="changePage" class="body _flat_"/>
|
<component :is="component" v-bind="props" :ref="changePage" class="body _fitSide_"/>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
|
@ -7,7 +7,7 @@
|
||||||
</template>
|
</template>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<router-view v-slot="{ Component }" class="_flat_">
|
<router-view v-slot="{ Component }" class="_fitSide_">
|
||||||
<transition>
|
<transition>
|
||||||
<keep-alive :include="['timeline']">
|
<keep-alive :include="['timeline']">
|
||||||
<component :is="Component" :ref="changePage" @contextmenu.stop="onContextmenu"/>
|
<component :is="Component" :ref="changePage" @contextmenu.stop="onContextmenu"/>
|
||||||
|
|
|
@ -13,7 +13,7 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<main class="main" @contextmenu.stop="onContextmenu" :style="{ background: pageInfo?.bg }">
|
<main class="main" @contextmenu.stop="onContextmenu" :style="{ background: pageInfo?.bg }">
|
||||||
<div class="content" :class="{ _flat_: !fullView }">
|
<div class="content" :class="{ _fitSide_: !fullView }">
|
||||||
<router-view v-slot="{ Component }">
|
<router-view v-slot="{ Component }">
|
||||||
<transition :name="$store.state.animation ? 'page' : ''" mode="out-in" @enter="onTransition">
|
<transition :name="$store.state.animation ? 'page' : ''" mode="out-in" @enter="onTransition">
|
||||||
<keep-alive :include="['timeline']">
|
<keep-alive :include="['timeline']">
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
<template #header><i class="fas fa-bell"></i>{{ $ts.notifications }}</template>
|
<template #header><i class="fas fa-bell"></i>{{ $ts.notifications }}</template>
|
||||||
<template #func><button @click="configure()" class="_button"><i class="fas fa-cog"></i></button></template>
|
<template #func><button @click="configure()" class="_button"><i class="fas fa-cog"></i></button></template>
|
||||||
|
|
||||||
<div class="_flat_">
|
<div class="_fitSide_">
|
||||||
<XNotifications :include-types="props.includingTypes"/>
|
<XNotifications :include-types="props.includingTypes"/>
|
||||||
</div>
|
</div>
|
||||||
</MkContainer>
|
</MkContainer>
|
||||||
|
|
Loading…
Reference in a new issue