yume/paricafe
1
0
Fork 0
mirror of https://github.com/paricafe/misskey.git synced 2025-04-01 09:09:29 -05:00
Code Issues Projects Releases Packages Wiki Activity

🎨

Browse source
This commit is contained in:
syuilo 2025-03-18 22:21:28 +09:00
parent 05391f59a5
commit 62bf0d53d3
4 changed files with 10 additions and 6 deletions
packages/frontend/src
components
MkPageWindow.vue
global
StackingRouterView.vue
pages/settings
index.vue
style.scss

1
packages/frontend/src/components/MkPageWindow.vue
View file

@ -23,7 +23,6 @@ SPDX-License-Identifier: AGPL-3.0-only
</template>
<div :class="$style.root">
<StackingRouterView :key="reloadCount" :router="windowRouter"/>
<StackingRouterView v-if="prefer.s['experimental.stackingRouterView']" :key="reloadCount" :router="windowRouter"/>
<RouterView v-else :key="reloadCount" :router="windowRouter"/>
</div>

9
packages/frontend/src/components/global/StackingRouterView.vue
View file

@ -17,7 +17,8 @@ SPDX-License-Identifier: AGPL-3.0-only
<div v-if="i > 0" :class="$style.tabBg" @click="back()"></div>
<div :class="$style.tabFg" @click.stop="back()">
<div v-if="i > 0" :class="$style.tabMenu">
<button :class="$style.tabMenuButton" class="_button" @click.stop="mount"><i class="ti ti-arrows-maximize"/></button>
<button :class="$style.tabMenuButton" class="_button" @click.stop="mount"><i class="ti ti-rectangle"></i></button>
<button :class="$style.tabMenuButton" class="_button" @click.stop="back"><i class="ti ti-x"></i></button>
</div>
<div :class="$style.tabContent" class="_pageContainer" @click.stop="">
<Suspense :timeout="0">
@ -164,6 +165,8 @@ onBeforeUnmount(() => {
}
.tab {
overflow: clip;
&:first-child {
position: relative;
width: 100%;
@ -221,10 +224,12 @@ onBeforeUnmount(() => {
.tabMenu {
margin-left: auto;
padding: 0 4px;
background: var(--MI_THEME-bg);
}
.tabMenuButton {
padding: 10px;
padding: 8px;
font-size: 13px;
}
</style>

2
packages/frontend/src/pages/settings/index.vue
View file

@ -4,7 +4,7 @@ SPDX-License-Identifier: AGPL-3.0-only
-->
<template>
<MkStickyContainer>
<MkStickyContainer class="_pageScrollable">
<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
<MkSpacer :contentMax="900" :marginMin="20" :marginMax="32">
<div ref="el" class="vvcocwet" :class="{ wide: !narrow }">

4
packages/frontend/src/style.scss
View file

@ -177,8 +177,8 @@ rt {
overscroll-behavior: contain;
}
._page {
height: 100cqh;
._pageScrollable {
height: 100%;
overflow: auto;
overflow-y: scroll;
overscroll-behavior: contain;